:root{--bg:#F4F3EF;--surface:#FFFFFF;--surface-muted:#EBEAE4;--ink:#222426;--muted:#62676D;--line:#D1D3CE;--line-soft:#E2E3DF;--accent:#E05A12;--accent-strong:#C44C0C;--accent-soft:rgba(224,90,18,0.08);--accent-ring:rgba(224,90,18,0.25);--warning:#B94A0B;--footer-ink:#EBEAE4;--footer-muted:#95989B;--radius:4px;--radius-small:3px;--shadow:0 2px 4px rgba(34,36,38,0.06);--shadow-lift:0 8px 16px rgba(34,36,38,0.08)}*{box-sizing:border-box}body,html{min-height:100%}html{scroll-behavior:smooth}body{display:flex;flex-direction:column;min-height:100dvh;margin:0;background:var(--bg);color:var(--ink);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}main{flex:1 1}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}::selection{background:rgba(13,107,98,.18)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:var(--bg)}.footer-inner,.header-inner,.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:18px}.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto;font-size:1.02rem;font-weight:760;letter-spacing:-.01em}.brand-mark{display:block;width:32px;height:32px;border-radius:4px;background:var(--accent);box-shadow:0 2px 5px rgba(224,90,18,.3)}.nav{flex:1 1 auto;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nav,.nav-group,.nav-group-links{display:flex;align-items:center}.nav-group+.nav-group{margin-left:6px;padding-left:10px;border-left:1px solid var(--line)}.nav-group-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nav-toggle{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);color:var(--ink);cursor:pointer;transition:background-color .15s ease,color .15s ease}.nav-toggle:hover{background:var(--line-soft)}.nav-toggle:focus-visible{outline:3px solid var(--accent-ring);outline-offset:1px}.footer-links a,.nav a{border-radius:999px;color:var(--muted);font-size:.95rem;font-weight:650;padding:8px 13px;transition:background-color .15s ease,color .15s ease}.nav a{padding:7px 9px;font-size:.82rem;border:1px solid transparent}.nav a:hover{background:var(--surface-muted);color:var(--ink)}.footer-links a[aria-current=page],.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong)}.nav a[aria-current=page]{border-color:var(--accent);box-shadow:none}.nav a:active{background:rgba(13,107,98,.16);color:var(--accent-strong)}.page-shell{padding:26px 0 72px}.tool-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,560px);align-items:start;grid-gap:40px;gap:40px;margin-bottom:44px}.hero-copy{padding-top:6px}.eyebrow{display:inline-block;margin:0 0 8px;color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{line-height:1.12;letter-spacing:-.02em}h1{max-width:720px;margin:14px 0 16px;font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:820}h2{margin:0 0 16px;font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:780}h3{margin:0 0 8px;font-size:1.04rem;font-weight:740}.lead{max-width:640px;color:var(--muted);font-size:1.1rem;line-height:1.65}.free-note{margin:-6px 0 14px;color:#2D6B35;font-weight:600}.tool-column{display:grid;grid-gap:10px;gap:10px}.trust-note{margin:0;color:var(--muted);font-size:.875rem;text-align:left}.breadcrumb{display:flex;gap:8px;margin:0 0 20px;color:var(--muted);font-size:.92rem}.breadcrumb a{color:var(--accent-strong);font-weight:700}.breadcrumb a:hover{text-decoration:underline}.calculator-card,.content-panel,.faq-item,.quick-cost,.result-card,.tool-link{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.quick-cost-estimate{margin-top:20px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface-muted);padding:18px}.quick-cost-estimate h2{margin:0 0 4px;font-size:1.2rem}.quick-cost-estimate>p{margin:0 0 14px;color:var(--muted)}.quick-cost-estimate .quick-cost-body{border:0;padding:0}.quick-cost-estimate .cost-cta{margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--line)}.back-link a,.bottom-cta a,.content-panel a,.cost-cta a,.guide-toc a{color:var(--accent-strong);font-weight:740}.back-link{margin:0 0 20px}.input-prefix{position:absolute;left:16px;z-index:1;color:var(--muted);font-weight:750}.input-wrapper input.has-prefix{padding-left:34px}.unit-field{min-width:0}.unit-input-wrapper input{padding-right:72px}.cost-theme:before{background:var(--ink)}.cost-calculator-card{border-color:var(--line);background:var(--surface)}.cost-calculator-card .calculator-grid,.cost-calculator-card>.option-group{border:1px solid var(--line-soft);border-radius:var(--radius-small);background:var(--surface-muted);padding:14px}.cost-calculator-card .calculator-grid+.calculator-grid,.cost-calculator-card .option-group+.calculator-grid{margin-top:14px}.volume-calculator-card{border-color:var(--line);background:var(--surface)}.volume-calculator-card .calculator-grid,.volume-calculator-card>.option-group{border:1px solid var(--line-soft);border-radius:var(--radius-small);background:var(--surface-muted);padding:14px}.volume-calculator-card .calculator-grid+.option-group,.volume-calculator-card .option-group+.calculator-grid{margin-top:14px}.cost-calculator-card .field input,.volume-calculator-card .field input{min-width:0;color:#202824;font-size:1rem;font-weight:680;letter-spacing:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cost-button{background:var(--accent-strong);box-shadow:none}.volume-summary{margin:14px 0 0;color:var(--muted)}.cost-breakdown{grid-template-columns:minmax(190px,.8fr) minmax(0,1fr);grid-gap:12px;gap:12px;margin-top:14px;border:1px solid var(--line);background:var(--surface-muted);padding:12px}.cost-breakdown,.cost-total-panel{display:grid;border-radius:var(--radius-small)}.cost-total-panel{align-content:center;grid-gap:8px;gap:8px;min-width:0;background:#1A1C1E;color:#fff;padding:18px;box-shadow:inset 0 2px 10px rgba(0,0,0,.2)}.cost-total-panel span{color:rgba(255,255,255,.6);font-size:.76rem;font-weight:780;letter-spacing:.04em;text-transform:uppercase}.cost-total-panel strong{min-width:0;color:var(--accent);font-size:clamp(1.45rem,4.4vw,2.35rem);font-weight:840;line-height:1.05;overflow-wrap:anywhere;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cost-line-items{display:grid;align-content:center;grid-gap:0;gap:0;min-width:0;border-radius:var(--radius-small);background:var(--surface);border:1px solid var(--line);overflow:hidden}.cost-line-item{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:13px 15px}.cost-line-item+.cost-line-item{border-top:1px solid var(--line-soft)}.cost-line-item span{color:var(--muted);font-size:.82rem;font-weight:760}.cost-line-item strong{min-width:0;color:var(--ink);font-size:clamp(1rem,2.8vw,1.22rem);font-weight:820;text-align:right;overflow-wrap:anywhere;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.two-results{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-choice-group{margin-top:16px;margin-bottom:24px}.visual-choice-group legend{margin-bottom:12px;display:block}.visual-options{display:grid;grid-gap:10px;gap:10px}.block-visual-options,.driveway-visual-options{grid-template-columns:repeat(3,minmax(0,1fr))}.two-visual-options{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-option{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;border:1px solid var(--line-soft);border-radius:var(--radius-small);background:#fff;padding:10px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.visual-option:hover{border-color:rgba(13,107,98,.32);transform:translateY(-1px)}.visual-option input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.visual-option:has(input:checked){border-color:var(--accent);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--accent-ring)}.visual-option:has(input:focus-visible){outline:3px solid var(--accent-ring);outline-offset:2px}.visual-option-art{display:grid;place-items:center;border-radius:7px;background:var(--surface-muted);height:72px;flex-shrink:0}.visual-option svg{width:100%;height:100%;fill:var(--line-soft);stroke:var(--muted);stroke-width:1.7;stroke-linejoin:round;vector-effect:non-scaling-stroke}.visual-option-copy{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1;gap:2px;text-align:center}.visual-option-copy strong{color:var(--muted);font-size:.88rem;line-height:1.2;font-weight:500;transition:color .15s ease}.visual-option:has(input:checked) .visual-option-copy strong{color:var(--ink);font-weight:800}.visual-option-copy small{color:var(--muted);font-size:.74rem;font-weight:500}.block-icon rect{fill:rgba(255,255,255,.92)}.footing-options .visual-option-art{height:86px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.94rem}td,th{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left}th{background:var(--surface-muted);color:var(--ink)}.tool-group-label{max-width:calc(76ch + 56px);margin:34px auto 12px;color:var(--accent-strong);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cost-tool-section{border-left:4px solid var(--accent)}.guide-tool-section{border-left:4px solid var(--muted)}.guide-hero{max-width:760px;margin:20px auto 32px;text-align:center}.guide-toc{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;max-width:900px;margin:0 auto 38px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);padding:14px 18px}.guide-toc strong{width:100%;text-align:center}.guide-section{scroll-margin-top:90px}.calculator-card{position:relative;overflow:hidden;padding:26px 32px 32px;border-color:transparent}.calculator-diagram-container{display:flex;justify-content:center;align-items:center;height:100px;margin-bottom:16px;background:var(--bg);border-radius:var(--radius-small);border:1px solid var(--line-soft)}.calculator-diagram{width:100%;max-width:240px;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bag-diagram-group{transition:transform .25s ease}.calculator-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--ink)}.calculator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px 16px;gap:20px 16px}.field{display:grid;grid-gap:6px;gap:6px}.field.full{grid-column:1/-1}.field label,.field>span{color:var(--muted);font-size:.85rem;font-weight:700}.field input,.field select{width:100%;min-height:52px;border:1px solid var(--line);border-radius:var(--radius-small);background:#F9F9F8;color:var(--ink);font-size:1.12rem;font-weight:700;padding:10px 14px;box-shadow:inset 0 2px 4px rgba(34,36,38,.04);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{padding-right:68px}.input-suffix{position:absolute;right:16px;color:var(--muted);font-weight:600;font-size:.95rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.unit-menu{position:absolute;right:6px;display:flex;align-items:center}.unit-toggle{display:inline-flex;align-items:center;gap:5px;width:auto;border:1px solid var(--line-soft);border-radius:var(--radius-small);background:var(--surface);color:var(--muted);font-weight:700;font-size:.88rem;line-height:1;padding:8px 12px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.unit-toggle svg{opacity:.65;transition:transform .15s ease}.unit-toggle[aria-expanded=true]{background:var(--line-soft);color:var(--ink);border-color:var(--line)}.unit-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.unit-toggle:hover{background:var(--line-soft);color:var(--ink)}.unit-toggle:focus-visible{outline:3px solid var(--accent-ring);outline-offset:1px}.unit-menu-list{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:grid;grid-gap:2px;gap:2px;min-width:168px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);box-shadow:var(--shadow-lift);padding:6px;animation:unitMenuIn .14s ease-out}@keyframes unitMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.unit-menu-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;border:none;border-radius:var(--radius-small);background:transparent;color:var(--ink);font-size:.95rem;text-align:left;padding:10px 12px;cursor:pointer;transition:background-color .12s ease,color .12s ease}.unit-menu-option strong{min-width:26px;font-weight:750;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.unit-menu-option small{flex:1 1;color:var(--muted);font-size:.85rem;font-weight:600}.unit-menu-option:hover{background:var(--line-soft)}.unit-menu-option:focus-visible{outline:3px solid var(--accent-ring);outline-offset:-2px}.unit-menu-option[aria-selected=true]{background:var(--ink);color:#FFFFFF}.unit-menu-option[aria-selected=true] small{color:#FFFFFF;opacity:.75}.unit-menu-check{flex-shrink:0}.field input:hover{border-color:#A0A4A8}.field input:focus,.field select:focus{border-color:var(--accent);background:#ffffff;outline:3px solid var(--accent-ring)}.option-group{margin:0;border:0;padding:0}.option-group legend{color:var(--ink);font-size:1rem;font-weight:800;margin:0 0 12px;padding:0;letter-spacing:-.01em;display:block}.segmented-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px;background:transparent;padding:0;border-radius:0}.bag-options{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-option{cursor:pointer;min-width:0;position:relative}.segmented-option input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.segmented-option span{display:grid;min-height:48px;align-content:center;justify-items:center;text-align:center;grid-gap:2px;gap:2px;border:1px solid var(--line);border-radius:var(--radius-small);color:var(--muted);font-weight:680;padding:8px 10px;background:#FFFFFF;transition:all .15s ease}.segmented-option span:hover{border-color:#A0A4A8;color:var(--ink)}.segmented-option small,.segmented-option strong{overflow-wrap:anywhere}.segmented-option small{color:inherit;opacity:.8;font-size:.76rem;font-weight:600;transition:color .15s ease}.segmented-option input:checked+span{background:var(--ink);color:#FFFFFF;border-color:var(--ink);box-shadow:none}.segmented-option input:checked+span small{opacity:.7}.segmented-option input:focus-visible+span{outline:3px solid var(--accent-ring);outline-offset:2px}.calculate-button{display:block;width:100%;min-height:56px;margin-top:16px;border:none;border-radius:var(--radius-small);background:var(--accent);color:#ffffff;font-size:1.12rem;font-weight:780;letter-spacing:.01em;padding:14px 20px;cursor:pointer;box-shadow:0 4px 12px rgba(224,90,18,.25);transition:background-color .15s ease,filter .15s ease,transform .1s ease,box-shadow .1s ease}.calculate-button:hover{background:var(--accent-strong);box-shadow:0 6px 16px rgba(224,90,18,.35)}.calculate-button:active{transform:translateY(2px);box-shadow:0 2px 6px rgba(224,90,18,.2)}.calculate-button:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:16px}.result-card{min-width:0;min-height:92px;padding:14px;border-color:transparent;border-radius:var(--radius-small);background:var(--surface-muted);box-shadow:none}.results .result-card:first-child{grid-column:1/-1;min-height:110px;padding:20px;border-color:#1A1C1E;background:#1A1C1E;color:#FFFFFF;box-shadow:inset 0 2px 10px rgba(0,0,0,.2)}.results .result-card:first-child .result-value{font-size:2.4rem;color:var(--accent)}.results .result-card:first-child .result-label{color:rgba(255,255,255,.6)}.result-label{color:var(--muted);font-size:.8rem;font-weight:740;letter-spacing:.02em;text-transform:uppercase}.result-value{margin-top:6px;max-width:100%;font-size:clamp(1.12rem,4vw,1.6rem);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1.08;overflow-wrap:anywhere}.metric-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px;min-width:0;margin-top:8px}.metric-value strong{min-width:0;max-width:100%;font-size:clamp(1.28rem,4.8vw,2rem);font-weight:840;line-height:.98;letter-spacing:0;overflow-wrap:anywhere;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metric-value span{color:var(--muted);font-size:.82rem;font-weight:760;white-space:nowrap}.results .result-card:first-child .metric-value strong{font-size:clamp(1.7rem,6vw,2.65rem)}.results .result-card:first-child .metric-value span{color:rgba(255,255,255,.78)}.note{color:var(--muted)}.note,.warning{font-size:.92rem}.warning{color:var(--warning)}.section{margin-top:44px}.content-panel{max-width:calc(76ch + 56px);margin-left:auto;margin-right:auto;padding:28px}.content-panel p{max-width:76ch;color:var(--muted)}.tool-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.tool-section{margin-bottom:14px}.tool-section:last-child{margin-bottom:0}.tool-section a{color:var(--accent-strong);font-weight:740}.tool-section a:hover{text-decoration:underline}.content-panel .inline-link{color:var(--accent-strong);font-weight:700}.content-panel .inline-link:hover{text-decoration:underline}.tool-link{display:grid;align-content:start;grid-gap:8px;gap:8px;min-height:148px;padding:20px 18px;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.tool-link:hover{border-color:rgba(13,107,98,.45);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.tool-link span{color:var(--accent-strong);font-weight:780}.tool-link span:after{content:" \2192";opacity:1;transition:transform .18s ease;display:inline-block}.tool-link:hover span:after{transform:translateX(4px)}.tool-link p{margin:0;color:var(--muted);font-size:.94rem}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.faq-item{padding:18px;background:var(--surface-muted);box-shadow:none}.faq-item h3{color:var(--ink)}.faq-item p{margin:0;color:var(--muted)}.quick-cost{margin-top:16px;box-shadow:none;overflow:hidden}.quick-cost summary{cursor:pointer;color:var(--accent-strong);font-weight:780;padding:14px 16px;transition:background-color .15s ease}.quick-cost summary:hover{background:var(--accent-soft)}.quick-cost-body{border-top:1px solid var(--line-soft);padding:16px}.ad-slot{display:flex;justify-content:center;width:100%;min-width:0}.ad-slot,.ad-slot>*{max-width:100%}.ad-slot--below-tool,.ad-slot--page-bottom{min-height:90px;margin:24px 0}.ad-slot--home-grid,.ad-slot--in-content{min-height:280px;margin:24px auto;max-width:336px}.ad-slot--sidebar{position:-webkit-sticky;position:sticky;top:88px;min-height:250px;max-width:300px}@media (max-width:1023px){.ad-slot--sidebar{display:none}}@media (max-width:767px){.ad-slot--below-tool,.ad-slot--page-bottom{width:calc(100% + 16px);max-width:calc(100% + 16px);min-height:100px;margin-left:-8px;margin-right:-8px}.ad-slot--home-grid,.ad-slot--in-content{min-height:250px;max-width:300px}}.site-footer{border-top:1px solid var(--line);background:var(--bg);color:var(--muted)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 0}.footer-copy{display:grid;grid-gap:6px;gap:6px}.copyright,.site-footer .note{color:var(--footer-muted)}.copyright{font-size:.88rem;margin:0}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.footer-links a{color:var(--muted)}.footer-links a:hover{background:var(--surface-muted);color:var(--ink)}.footer-links a[aria-current=page]{box-shadow:none}.footer-links a:active,.footer-links a[aria-current=page]{background:var(--line-soft);color:var(--ink)}.cookie-banner{position:fixed;right:18px;bottom:18px;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:center;width:min(640px,calc(100% - 36px));border:1px solid rgba(8,76,71,.22);border-radius:var(--radius-small);background:rgba(255,255,255,.96);box-shadow:var(--shadow-lift);padding:16px}.cookie-banner h2{margin:0 0 4px;font-size:1rem;letter-spacing:0}.cookie-banner p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}.cookie-banner a{display:inline-block;margin-top:8px;color:var(--accent-strong);font-size:.9rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}.cookie-banner__actions{display:flex;gap:8px}.cookie-banner .button{min-height:42px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);color:var(--ink);font-weight:750;padding:9px 14px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.cookie-banner .button:hover{background:var(--line-soft)}.cookie-banner .button:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.cookie-banner .button-primary{border-color:var(--accent);background:var(--accent);color:#ffffff}.cookie-banner .button-primary:hover{border-color:var(--accent-strong);background:var(--accent-strong)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}@media (max-width:820px){body{padding:0}.site-header{top:0;padding:8px 0}.footer-inner,.header-inner,.page-shell{width:calc(100% - 16px)}.footer-inner{align-items:flex-start;flex-direction:column}.header-inner{align-items:center;flex-wrap:wrap;padding:12px 0;gap:10px}.nav-toggle{display:inline-flex}.nav{display:none}.nav.is-open{display:flex;flex-direction:column;align-items:stretch;width:100%;max-height:min(62vh,420px);overflow-y:auto;overscroll-behavior:contain;gap:2px;border:1px solid var(--line-soft);border-radius:var(--radius-small);background:rgba(255,255,255,.96);box-shadow:var(--shadow);padding:10px 0 6px;-webkit-overflow-scrolling:touch}.nav-group,.nav-group-links{display:grid}.nav-group+.nav-group{margin:8px 0 0;padding:9px 0 0;border-top:1px solid var(--line);border-left:0}.nav-group-label{position:static;width:auto;height:auto;clip:auto;margin:0 12px 3px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nav.is-open a{display:block;min-height:44px;line-height:28px;border-radius:var(--radius-small);font-size:1rem}.footer-links{justify-content:flex-start}.cookie-banner{right:8px;bottom:8px;grid-template-columns:1fr;width:calc(100% - 16px)}.cookie-banner__actions{justify-content:stretch}.cookie-banner .button{flex:1 1}.tool-hero{gap:16px;margin-bottom:34px}.tool-links{gap:10px}.tool-link{min-height:auto;padding:16px 14px}.tool-link span:after{opacity:1}.faq-grid,.tool-hero,.tool-links{grid-template-columns:1fr}.calculator-card{padding:24px;border-radius:0;margin-left:-16px;margin-right:-16px;border-left:transparent;border-bottom-color:transparent;border-right:transparent;border-top-color:transparent}.cost-breakdown{grid-template-columns:1fr}.calculator-diagram-container{height:88px;margin-bottom:16px}.unit-toggle{min-height:48px;padding:10px 14px;font-size:.95rem}.unit-menu-list{min-width:216px}.unit-menu-option{min-height:48px;font-size:1rem}.bag-options,.block-visual-options,.calculator-grid,.driveway-visual-options,.two-visual-options{grid-template-columns:1fr}.visual-option{grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto;align-items:center}.visual-option-copy{text-align:left}.unit-input-wrapper input{min-height:56px;padding-right:78px}.results{grid-template-columns:repeat(2,minmax(0,1fr))}.results .result-card:first-child{grid-column:1/-1}.page-shell{padding:26px 0 56px}.section{margin-top:34px}.content-panel{padding:20px 18px}h1{font-size:clamp(2.2rem,9vw,2.7rem);margin:8px 0 12px}.lead{font-size:1.05rem;line-height:1.5}}