@font-face{font-family:system;src:local('Segoe UI')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f5;color:#273c31;font-family:system,'Segoe UI',Arial,sans-serif;font-size:1.125rem;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}a:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #174e85;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1.08}h1{font-size:clamp(2.625rem,5.5vw,4.75rem)}h2{font-size:clamp(1.875rem,3vw,2.625rem)}h3{font-size:1.375rem;line-height:1.25;font-weight:600;letter-spacing:-.025em}.wrap{width:min(1200px,calc(100% - 64px));margin:0 auto}.site-header{border-bottom:1px solid #dedfd4}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:98px;gap:24px}.brand{display:flex;gap:8px;align-items:center;font-weight:650;font-size:1.4375rem;letter-spacing:-.7px;white-space:nowrap}.brand em{font-family:Georgia,serif;font-size:1.75rem;font-weight:400}.brand-mark{background:#294b37;color:#f4f2dc;width:38px;height:42px;border-radius:3px 12px 3px 3px;font-family:Georgia,serif;position:relative;display:grid;place-items:center;margin-right:8px}.brand-mark span{font-size:1rem;position:absolute;right:3px;top:-2px}.header-inner nav{display:flex;gap:30px;font-size:1rem;font-weight:550}.nav-guide{padding-left:26px;border-left:1px solid #d4d9cd}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:60px;padding-top:72px;padding-bottom:70px;align-items:center}.eyebrow{font-size:1rem;letter-spacing:1.8px;font-weight:750;margin-bottom:22px;line-height:1.5}.dot{display:inline-block;background:#7c9b59;width:8px;height:8px;border-radius:50%;margin-right:8px}.hero h1{margin-bottom:26px}.hero-intro{color:#465548;max-width:460px;font-size:1.125rem;margin-bottom:32px}.button{border:0;background:#2d503b;color:white;display:inline-flex;gap:32px;align-items:center;justify-content:center;border-radius:5px;padding:15px 23px;font-size:1rem;font-weight:650;line-height:1.5;text-decoration:none}.button:hover{background:#1e3d2b;text-decoration:none}.button span{font-size:1.5rem;line-height:1}.quiet{font-size:1rem;color:#465548;line-height:1.6}.hero-note{margin:15px 0 0}.garden-art{background:#e9eddf;border-radius:50% 50% 7px 7px;position:relative;padding:28px 10px 32px;min-height:390px}.garden-art img{width:100%;height:340px;display:block;object-fit:contain}.art-caption{display:block;text-align:center;font:italic 1.1875rem Georgia,serif;color:#60724e}.art-tag{position:absolute;bottom:18px;right:-10px;background:#f0dfbb;padding:10px 13px;font-size:1rem;font-weight:700;letter-spacing:1.5px;transform:rotate(-5deg);box-shadow:1px 3px 0 #a3ad9325}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{margin-bottom:0}.section-heading>p{color:#465548;font-size:1rem;max-width:220px;margin-bottom:4px}.tools-section{padding-bottom:75px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tool-card{padding:26px;border-radius:8px;border:1px solid #d8ddcf;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #273c3110;text-decoration:none}.mulch{background:#f2ede3}.soil{background:#edf0e4}.gravel{background:#edf0ed}.tool-number{font-size:1rem;letter-spacing:1.5px;font-weight:750;color:#465548}.material-icon{font-family:Georgia,serif;font-size:4.375rem;line-height:1.1;color:#9a7148;margin:12px 0 20px}.soil .material-icon{color:#75835b}.gravel .material-icon{color:#7e8d81}.tool-card h3{font-size:1.5625rem;margin-bottom:13px}.tool-card p{font-size:1rem;color:#465548;flex:1;margin-bottom:28px}.card-link{border-top:1px solid #cfd4c5;padding-top:17px;font-weight:650;font-size:1rem;display:flex;justify-content:space-between}.how-section{background:#eef0e6;border-top:1px solid #e0e4d7;border-bottom:1px solid #e0e4d7;padding:52px 0}.how-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.how-grid h2{font-size:2.6875rem}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:24px;align-items:start;margin-bottom:24px}.steps li:last-child{margin-bottom:0}.steps li>span{font-size:1rem;letter-spacing:1px;padding-top:3px;color:#465548}.steps h3{font-size:1.1875rem;margin-bottom:5px}.steps p{font-size:1rem;color:#465548;margin-bottom:0}.notes-section{padding-top:60px;padding-bottom:65px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.notes-grid>a{border-top:1px solid #cfd5c5;padding-top:22px}.notes-grid span{font-size:1rem;letter-spacing:1.6px;color:#465548;font-weight:700}.notes-grid h3{font-family:Georgia,serif;font-size:1.5rem;font-weight:400;margin:14px 0}.notes-grid p{font-size:1rem;color:#465548}.site-footer{border-top:1px solid #d8ddcf;padding:32px 0}.footer-inner{display:flex;gap:24px;align-items:center;justify-content:space-between}.footer-inner .brand{font-size:1.1875rem}.footer-inner p{font-size:1rem;margin:0;color:#465548}.footer-inner>a:last-child{font-size:1rem}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:0}.planner-heading{padding-top:35px;padding-bottom:32px}.breadcrumb{font-size:1rem;color:#465548;display:inline-block;margin-bottom:30px}.planner-heading .eyebrow{margin-bottom:13px}.planner-heading h1{font-size:clamp(2.5rem,4.5vw,3.75rem);margin-bottom:15px}.planner-heading>p:not(.eyebrow){max-width:700px;color:#465548;font-size:1.125rem;margin-bottom:25px}.tool-tabs{display:flex;border-bottom:1px solid #d8ddcf;gap:28px;font-size:1rem}.tool-tabs a{padding:10px 0;border-bottom:3px solid transparent}.tool-tabs .active{border-color:#2d503b;font-weight:700}.planner-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:38px;align-items:start;padding-bottom:60px}.plan-form{border:1px solid #d8ddcf;border-radius:9px;background:#fff;padding:28px}.form-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.form-top>div{display:flex;align-items:center;gap:12px}.form-top h2{font-family:inherit;letter-spacing:-.4px;font-size:1.4375rem;margin:0;font-weight:600}.step-label{color:#465548;font-size:1rem;border:1px solid #d8ddcf;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.unit-select{font-size:1rem;color:#465548}.unit-select select{font-size:1rem;padding:8px;margin-top:3px;width:185px}.form-help{font-size:1rem;color:#465548;margin-bottom:20px}.area-card{border:1px solid #e1e5db;border-radius:6px;background:#f8f9f5;margin:0 0 18px;padding:17px}.area-card legend{font-size:1rem;letter-spacing:1px;font-weight:700;padding:0 7px;color:#465548}.area-header{display:flex;align-items:center;gap:16px;justify-content:space-between}.area-header>label{flex:1}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:1rem;font-weight:600;margin-bottom:14px}input,select{display:block;background:#fff;border:1px solid #718269;border-radius:4px;padding:10px 11px;min-height:44px;width:100%;color:#273c31;margin-top:5px;font-weight:400;font-size:1rem}input:hover,select:hover{border-color:#809672}input::placeholder{color:#737373}.field-hint{display:block;font-size:1rem;font-weight:400;color:#465548;line-height:1.5;margin-top:5px}.text-button{border:0;background:none;color:#465548;font-size:1rem;padding:8px 0;white-space:nowrap}.text-button:hover{text-decoration:underline}.add-area{background:white;color:#2d503b;border:1px dashed #718269;width:100%;border-radius:4px;padding:10px;font-size:1rem;font-weight:600}.add-area:hover{background:#f0f4e9}.settings-section{border-top:1px solid #e1e5db;margin-top:28px;padding-top:26px}.optional{font-size:1rem;color:#465548}.buy-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:12px 0}.buy-options>div:last-child{border-left:1px solid #e1e5db;padding-left:24px}.buy-options h3{font-size:1rem;margin-bottom:18px}.calculate{width:100%;margin-top:8px}.form-bottom{font-size:1rem;margin:12px 0 0}.htmx-indicator{display:none;font-size:1rem;margin-top:10px}.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{display:block}.htmx-request button{cursor:wait}button:disabled{opacity:.6}.planner-sidebar{position:sticky;top:24px}.result-box{background:#edf1e6;border:1px solid #d3dcc7;padding:30px;border-radius:9px}.result-box h2{font-size:2.125rem;margin-bottom:20px}.result-box .eyebrow{font-size:1rem;margin-bottom:14px}.empty-result{padding-top:40px;padding-bottom:38px}.empty-result p:not(.eyebrow){color:#465548;font-size:1rem}.result-drawing{font-size:6.875rem;display:block;line-height:1.2;color:#9aaa88;position:relative;margin-bottom:18px;width:140px}.result-drawing span{font-size:2.1875rem;position:absolute;right:0;top:24px}.result-checks{display:grid;gap:8px;font-size:1rem;padding-top:15px;border-top:1px solid #d3dcc7;color:#536648}.volume-result{display:flex;align-items:center;gap:18px;margin-bottom:8px}.volume-result>strong{font:400 4.25rem Georgia,serif;letter-spacing:-3px;line-height:1.1}.volume-result>span{font-size:1rem;line-height:1.4}.volume-result small{font-size:1rem;color:#465548}.order-option{background:#fafbf7;border:1px solid #d8e0cd;border-radius:5px;padding:17px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.order-option.winner{border:2px solid #6f8759;padding:16px}.order-option>div:first-child{display:grid}.option-title{font-size:1rem;letter-spacing:1.2px;font-weight:750}.order-option strong{font-size:1.8125rem;line-height:1.4;font-weight:600}.order-option strong small{font-size:1rem;font-weight:400}.order-option>div:first-child>span:last-child{font-size:1rem;color:#465548}.option-cost{font-size:1.0625rem;font-weight:700;text-align:right;max-width:150px;line-height:1.4}.value-tag{display:block;background:#e2eacd;padding:4px 6px;margin-top:5px;font-size:1rem;font-weight:600;border-radius:3px;color:#466133}.saving{font-size:1rem;font-weight:600;margin-bottom:12px}.comparison-note{font-size:1rem;color:#465548}.area-breakdown{border-top:1px solid #ccd7bf;margin-top:22px;padding-top:16px}.area-breakdown summary{font-size:1rem;font-weight:650;cursor:pointer}.area-breakdown>div{display:grid;margin-top:12px;font-size:1rem}.area-breakdown span{color:#465548;font-size:1rem}.result-box>.quiet{font-size:1rem;margin-top:16px}.result-actions{display:grid;gap:10px;margin-top:22px}.secondary-button{border:1px solid #718269;background:transparent;padding:11px;color:#2d503b;border-radius:4px;font-size:1rem;font-weight:650}.secondary-button:hover{background:#e1e9d6}.plan-link{font-size:1rem;text-decoration:underline;display:block;text-align:center;margin-top:14px}.link-note{text-align:center;font-size:1rem!important}.stale-note{display:none;background:#f4e4ba;color:#66511f;font-size:1rem;padding:10px;border-radius:4px}.stale .stale-note{display:block}.error{background:#fff1e9;border-color:#cfaa92}.error ul{padding-left:20px;font-size:1rem}.notice{background:#e0e8d2;padding:12px;border-radius:4px;font-size:1rem}.weight-note{border-top:1px solid #ccd7bf;padding-top:14px;font-size:1rem}.weight-note p{margin:6px 0}.weight-note small{font-size:1rem;color:#465548}.explanation{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;border-top:1px solid #d8ddcf;padding-top:45px;padding-bottom:45px}.explanation h2{font-size:2.0625rem}.explanation p,.tip-card p,.material-note p{font-size:1rem;color:#465548}.tip-card{background:#f0ede2;padding:25px;border-radius:6px}.tip-card h3{font-size:1.3125rem}.tip-card a{font-size:1rem;text-decoration:underline}.material-note{border-top:1px solid #d8ddcf;padding:32px 0 45px}.material-note h2{font-size:1.875rem}.material-note a{font-size:1rem;text-decoration:underline}.article{max-width:800px;padding:45px 0 65px}.article h1{font-size:3.25rem;margin-bottom:25px}.article h2{font-size:1.875rem;margin:35px 0 16px}.article p,.article li{color:#59685b}.article a:not(.button):not(.breadcrumb){text-decoration:underline}.article .lead{font-size:1.25rem}.article-callout{padding:22px;background:#edf1e6;border-left:3px solid #73945f;margin:25px 0}.hidden{display:none!important}
@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:3.75rem}.header-inner nav{gap:18px}.tool-card{padding:22px}.planner-grid{gap:22px;grid-template-columns:1.15fr 1fr}.plan-form,.result-box{padding:22px}.form-top{align-items:start}.form-top>div{gap:7px}.form-top h2{font-size:1.1875rem}.unit-select select{width:150px}.option-cost{font-size:1rem}.volume-result>strong{font-size:3.4375rem}.buy-options{gap:15px}.buy-options>div:last-child{padding-left:15px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:85px;flex-wrap:wrap;gap:12px;padding:16px 0}.brand{font-size:1.3125rem}.header-inner nav{width:100%;justify-content:space-between;font-size:1rem;gap:12px}.nav-guide{padding-left:12px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:40px;gap:30px}.hero h1{font-size:3.5625rem}.hero-intro{font-size:1.0625rem}.garden-art{min-height:300px;width:100%;max-width:440px;margin:auto}.garden-art img{height:280px}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:15px}.tool-grid,.notes-grid{grid-template-columns:1fr}.tool-card{display:grid;grid-template-columns:1fr 60px;gap:0 15px}.tool-number{grid-column:1}.material-icon{grid-column:2;grid-row:1/4;font-size:3.4375rem;margin:14px 0}.tool-card h3{grid-column:1;margin-top:18px}.tool-card p,.card-link{grid-column:1/3}.tool-card p{margin-bottom:15px}.tools-section{padding-bottom:40px}.how-grid{grid-template-columns:1fr;gap:20px}.how-grid h2{font-size:2.3125rem}.notes-grid{gap:25px}.notes-section{padding:40px 0}.footer-inner{flex-wrap:wrap;gap:15px}.footer-inner p{order:3;width:100%}.planner-heading{padding-top:22px}.planner-heading h1{font-size:2.6875rem}.planner-heading>p:not(.eyebrow){font-size:1rem}.planner-grid{grid-template-columns:1fr}.result-panel,.planner-sidebar{position:static}.form-top h2{font-size:1.375rem}.plan-form,.result-box{padding:20px}.explanation{grid-template-columns:1fr;gap:25px;padding-top:30px}.tool-tabs{gap:22px;font-size:1rem}.volume-result>strong{font-size:4.25rem}.option-cost{font-size:1.0625rem}.article h1{font-size:2.625rem}.article .lead{font-size:1.125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body{background:white;color:#000;font-size:1rem}.site-header,.site-footer,.planner-heading,.plan-form,.explanation,.material-note,.result-actions,.plan-link,.link-note,.skip,.stale-note{display:none!important}.wrap{width:100%}.planner-grid{display:block;padding:0}.result-panel,.planner-sidebar{position:static}.result-box{background:white;border:0;padding:0;max-width:100%}.result-box::before{content:attr(data-print-title);display:block;margin-bottom:20px;font-weight:bold}.result-box h2{font-size:1.625rem}.order-option{break-inside:avoid}.area-breakdown>div{break-inside:avoid}.result-box .quiet{color:#333}.value-tag{background:white}.volume-result>strong{font-size:3.4375rem}}
.collection-feature{border:1px solid #d5ddcc;border-radius:12px;background:#edf1e6;overflow:hidden}.collection-feature-top{display:flex;justify-content:space-between;align-items:center;padding:24px 26px 0;gap:12px}.collection-feature-top .eyebrow{margin:0;font-size:1rem}.collection-count{font-size:1rem;border:1px solid #cbd7bc;border-radius:20px;padding:3px 10px}.collection-feature img{width:100%;height:280px;display:block;object-fit:contain;padding:0 12px}.collection-feature-bottom{padding:0 28px 25px}.collection-feature-bottom h2{font-size:2.1875rem;margin-bottom:10px}.collection-feature-bottom p{font-size:1rem;color:#465548;margin-bottom:20px}.root-note{padding-top:55px;padding-bottom:60px}.root-note h2{font-size:2.25rem;max-width:650px}.root-note p:not(.eyebrow){color:#465548;max-width:620px}.root-note>a{font-size:1rem;text-decoration:underline}.root-hero h1{font-size:clamp(2.8125rem,5.2vw,4.375rem)}
@media(max-width:760px){.collection-feature img{height:230px}.root-hero h1{font-size:3.3125rem}.collection-feature-bottom h2{font-size:1.9375rem}.root-note{padding-top:35px;padding-bottom:40px}}

/* Readable controls and reflow for larger text and narrow screens. */
.header-inner nav,.tool-tabs{flex-wrap:wrap}.header-inner nav a,.tool-tabs a{min-height:44px;display:inline-flex;align-items:center}.form-top{flex-wrap:wrap}.unit-select select{width:100%;min-width:0}.unit-select{flex:1 1 220px}.form-top>div{flex-wrap:wrap}.step-label{flex-shrink:0;width:2rem;height:2rem}.area-header{flex-wrap:wrap}.area-header>label{min-width:0}.text-button{min-height:44px;padding:10px}.secondary-button{min-height:48px}.plan-link{padding:10px 0;overflow-wrap:anywhere}.option-cost{overflow-wrap:anywhere}.volume-result{flex-wrap:wrap}.order-option{flex-wrap:wrap}.tool-card,.plan-form,.result-box,.planner-grid>*,.hero>*{min-width:0}.copy-status{margin:12px 0 0;font-weight:600;color:#273c31}.copy-status:empty{display:none}.copy-fallback input{font-size:1rem}.copy-fallback[hidden]{display:none}.secondary-button.copied{background:#dbe8ce;border-color:#466133}.result-box .quiet,.link-note{font-size:1rem!important}input::placeholder{opacity:1}.tool-tabs a,.tool-tabs a:hover{text-decoration:none}.tool-tabs a:hover{border-bottom-color:#718269}.tool-tabs .active,.tool-tabs .active:hover{border-bottom-color:#2d503b}.collection-feature-top{flex-wrap:wrap}.eyebrow,.tool-number,.notes-grid span{letter-spacing:.06em}
@media(max-width:600px){.input-grid,.buy-options{grid-template-columns:1fr}.buy-options>div:last-child{border-left:0;border-top:1px solid #718269;padding-left:0;padding-top:18px}.tool-tabs{gap:12px}.hero h1,.root-hero h1{font-size:clamp(2rem,10vw,3.3rem)}.how-grid h2,.root-note h2{font-size:2rem}.brand{white-space:normal}.volume-result>strong{font-size:3.5rem}.art-tag{position:static;display:block;text-align:center;transform:none}.nav-guide{border:0;padding:0}.tool-card{display:flex}.material-icon{display:none}.footer-inner{flex-wrap:wrap}.explanation{gap:24px}}
@media(forced-colors:active){input,select,button,.tool-card{border:1px solid ButtonText}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid Highlight}}
@media print{.copy-status,.copy-fallback{display:none!important}}


.copy-button{display:grid;place-items:center;opacity:1!important;transition:background-color .25s,border-color .25s}.copy-label,.copy-confirmation{grid-area:1/1;transition:opacity .25s ease}.copy-label{opacity:1}.copy-confirmation{display:inline-flex;gap:.5rem;align-items:center;opacity:0}.copy-button.copied .copy-label{opacity:0}.copy-button.copied .copy-confirmation{opacity:1}.clipboard-check{width:1.4rem;height:1.4rem}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* One bounded ad placement outside the working UI; previews are development-only. */
.ad-placement{padding:0 0 36px;clear:both}.ad-label{font-size:1rem;color:#465548;text-align:center;margin:0 0 8px}.ad-space{width:100%;max-width:728px;height:90px;margin:0 auto;display:grid;place-items:center;background:#f0f2eb;border:1px dashed #718269;contain:layout paint}.ad-space p{font-size:1rem;color:#465548;margin:0}.ad-placement iframe,.ad-placement img{max-width:100%}
@media(max-width:760px){.ad-space{max-width:320px;height:100px}.ad-placement{padding-bottom:28px}}
@media(max-width:380px){.ad-space{max-width:250px}}
@media print{.ad-placement{display:none!important}}
.planner-sidebar{min-width:0}.planner-sidebar .ad-placement{width:100%;padding:0;margin:0 0 24px}.planner-sidebar .ad-space{max-width:320px;height:100px}
@media(min-width:761px) and (max-width:950px){.planner-sidebar .ad-space{max-width:250px}}
@media(max-width:380px){.planner-sidebar .ad-space{max-width:250px}}
@media print{.planner-sidebar{position:static!important}}

.fabric{background:#f2e9e4}.binding{background:#eee9f1}.two-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.two-tools h3{margin-top:20px}.quilt-art{background:#efe8dd;border-radius:12px;padding:35px;max-width:440px;width:100%;margin:auto}.quilt-patchwork{display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:1;border:12px solid #465548;gap:3px;background:#faf9f5}.quilt-patchwork span{background:linear-gradient(45deg,#b17b68 50%,#ede3c6 50%)}.quilt-patchwork span:nth-child(2n){background:linear-gradient(135deg,#758564 50%,#faf9f5 50%)}.quilt-patchwork span:nth-child(3n){background:linear-gradient(225deg,#89798e 50%,#ede3c6 50%)}.quilt-art>p{text-align:center;font:italic 1.25rem Georgia,serif;margin:20px 0 0}.quilt-panel-diagram{display:flex;border:2px solid #465548;background:#faf9f5;min-height:130px;margin:20px 0}.quilt-panel-diagram>div{flex:1;background:#e3d4ca;border-right:2px dashed #465548;display:grid;place-items:center}.quilt-panel-diagram>div:last-child{border:0}.quilt-panel-diagram span{color:#273c31;font-size:1rem}.quilt-result h3{margin-top:22px}.result-box.quilt-result::before{content:none}
@media(max-width:760px){.two-tools{grid-template-columns:1fr}.quilt-art{padding:25px}}
@media print{.result-box.quilt-result::before{content:attr(data-print-title)}}
.collection-links{padding-bottom:55px}.fabric h3,.binding h3{margin-top:20px}
.header-inner{flex-wrap:wrap;padding:18px 0}.header-inner .language-switch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:1rem;margin:0}.language-switch select{width:auto;min-height:34px;margin:0;padding:4px 24px 4px 8px;border:1px solid #718269;border-radius:4px;background:#fff;color:#273c31;font-size:1rem}.header-inner nav{flex-wrap:wrap}.button{white-space:normal}.tool-tabs a{text-wrap:balance}

.baking{background:#f4eadb}.baking-art{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;background:#f4eadb;border-radius:12px;padding:45px 25px;max-width:440px;width:100%;margin:auto}.baking-pan{width:130px;height:130px;background:#e3cba5;border:8px solid #59685b;box-shadow:inset 0 0 0 8px #f4eadb}.round-pan{border-radius:50%}.square-pan{border-radius:6px}.baking-art>p{flex-basis:100%;text-align:center;font:italic 1.25rem Georgia,serif;margin:16px 0 0}.baking-art>span{font-size:2rem}.baking-comparison{font-size:1rem;margin:24px 0}.baking-comparison dt{font-weight:700;margin-top:14px}.baking-comparison dd{margin:4px 0;overflow-wrap:anywhere}.baking-next{margin-top:12px}.ingredient-checklist{list-style:none;margin:22px 0;padding:0}.ingredient-checklist li{border-top:1px solid #ccd7bf;padding:12px 0;break-inside:avoid}.ingredient-checklist label{display:flex;gap:12px;align-items:flex-start;margin:0;overflow-wrap:anywhere}.ingredient-checklist input[type=checkbox]{flex:0 0 24px;width:24px;height:24px;min-height:24px;margin-top:3px;accent-color:#2d503b}.ingredient-checklist label>span{display:grid;gap:3px;min-width:0}.ingredient-checklist small{font-size:1rem;font-weight:400;color:#465548}.baking-result p{font-size:1rem}.baking-result .volume-result>strong{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-1px;overflow-wrap:anywhere;max-width:100%}
@media(max-width:400px){.baking-pan{width:95px;height:95px}.baking-art{gap:12px}}
@media print{.baking-next{display:none!important}.ingredient-checklist input[type=checkbox]{appearance:none;border:1px solid #333;border-radius:2px}.ingredient-checklist input[type=checkbox]:checked::after{content:'✓';display:block;text-align:center}}

.worked-example{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;padding-top:48px;padding-bottom:48px;border-top:1px solid #718269}.worked-example h2{font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.25;margin-top:8px}.example-copy ol{padding-left:1.4em}.example-copy li{padding-left:.3em;margin-bottom:18px}.measurement-figure{margin:0;padding:24px;background:#f4f3e9;border:1px solid #718269;border-radius:12px;align-self:start}.measurement-figure h3{margin:0 0 18px;font-size:1.25rem}.measurement-diagram{display:block;width:100%;height:auto;overflow:visible}.measurement-diagram text{font-family:inherit;font-size:32px;font-weight:700;text-anchor:middle;fill:#273c31}.diagram-fill{fill:#dbe3d2;stroke:#465548;stroke-width:2}.diagram-added{fill:#efe1c2;stroke:#465548;stroke-width:2}.diagram-paper{fill:#fff;stroke:#465548;stroke-width:2}.diagram-outline{fill:none;stroke:#273c31;stroke-width:3;stroke-dasharray:8 6}.dimension{fill:none;stroke:#273c31;stroke-width:2}.binding-outline{stroke-width:8}.measurement-figure figcaption{font-size:1rem;line-height:1.65;margin-top:20px}.example-note{display:block;font-size:1rem;margin-top:12px;color:#465548}.example-link{display:inline-block;min-height:44px;padding:10px 0;font-weight:700}.worked-example{overflow-wrap:anywhere}
@media(max-width:900px){.worked-example{grid-template-columns:1fr;gap:24px}.measurement-figure{width:100%;max-width:560px;justify-self:center}}
@media(max-width:400px){.measurement-figure{padding:14px}}
@media print{.worked-example{display:none!important}}

.seasonal-feature{display:flex;gap:28px;align-items:center;justify-content:space-between;padding:28px;margin-top:32px;margin-bottom:32px;background:#f4eadb;border:1px solid #718269;border-radius:12px}.seasonal-feature h2{font-size:1.6rem;margin:8px 0}.seasonal-feature p{margin-bottom:0}.seasonal-feature .button{flex-shrink:0}.holiday-art{background:#f4eadb;border-radius:14px;padding:35px;text-align:center}.holiday-art>p{font:italic 1.3rem Georgia,serif}.cookie-box-art{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border:12px solid #59685b;padding:22px;max-width:350px;margin:auto;background:#faf9f5}.cookie-box-art span{display:block;aspect-ratio:1;border-radius:50%;border:3px solid #59685b;background:#e3cba5}.cookie-box-art span:nth-child(2n){background:#c2ab8d}.cookie-result .ingredient-checklist h3{margin:0 0 12px}.cookie-result .ingredient-checklist label{min-height:44px;align-items:center}.cookie-result .baking-next{display:inline-block;min-height:44px;padding:10px 0}.cookie-result h2{overflow-wrap:anywhere}
@media(max-width:760px){.seasonal-feature{flex-direction:column;align-items:flex-start}.seasonal-feature .button{width:100%}.holiday-art{padding:24px}}
@media print{.seasonal-feature{display:none!important}.cookie-result .ingredient-checklist li{break-inside:avoid}}

/* Brief navigation fade; reduced-motion users receive an immediate swap. */
::view-transition-old(root),::view-transition-new(root){animation-duration:120ms}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-old(root),::view-transition-new(root){animation:none}}