@layer reset,tokens,base,composition;@layer reset,tokens,base,composition;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0}img,svg{display:block;max-width:100%}}@layer tokens{:root{--ink: oklch(23% .02 258);--ink-muted: oklch(47% .018 258);--ground: oklch(99.2% .002 258);--rule: oklch(91% .006 258);--accent: oklch(55% .14 250);--accent-tint: oklch(96% .02 250);--fill-boxes: oklch(76% .12 75);--fill-furniture: var(--accent);--space: clamp(1rem, 3vw, 2rem);--content-width: 68ch;--font-body: clamp(1rem, .94rem + .3vw, 1.125rem);--font-h1: clamp(1.75rem, 1.4rem + 1.6vw, 2.75rem);--font-h2: clamp(1.25rem, 1.1rem + .6vw, 1.625rem);--font-h3: clamp(1.05rem, .98rem + .3vw, 1.2rem)}}@layer base{body{font-family:system-ui,sans-serif;color:var(--ink);background:var(--ground);font-size:var(--font-body);line-height:1.55}h1,h2,h3{line-height:1.2;text-wrap:balance}h1{font-size:var(--font-h1)}h2{font-size:var(--font-h2)}h3{font-size:var(--font-h3)}a{color:var(--accent)}a:not(:hover){text-decoration-thickness:from-font}p{max-width:var(--content-width)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer composition{.site-header,main,.site-footer{padding-inline:var(--space)}.site-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space);padding-block:1rem;border-bottom:1px solid var(--rule)}.wordmark{font-weight:600;letter-spacing:-.01em}.wordmark a{color:inherit;text-decoration:none}.wordmark a:hover{text-decoration:underline}.cross-link{font-size:.9rem;color:var(--ink-muted);max-width:none}main{max-width:56rem;margin-inline:auto;padding-block:clamp(1.5rem,5vw,3.5rem);display:grid;gap:clamp(1.75rem,6vw,4rem)}.intro{display:grid;gap:.75rem}.lede{max-width:var(--content-width);color:var(--ink-muted)}.site-footer{border-top:1px solid var(--rule);padding-block:1.5rem;display:grid;gap:.35rem;font-size:.85rem;color:var(--ink-muted)}.ad-slot{width:100%;max-width:56rem;margin-inline:auto;min-height:280px}.ad-slot:empty{display:none}@media(min-width:720px){.ad-slot{min-height:90px}}.preset-details{border:1px solid var(--rule);border-radius:.5rem;padding:.25rem .85rem}.preset-details summary{cursor:pointer;font-weight:600;padding-block:.6rem}.preset-details .preset-figure{padding-block:.5rem .75rem}.preset-figure{display:grid;gap:.75rem}.preset-table{width:100%;border-collapse:collapse}.preset-table th,.preset-table td{text-align:left;padding:.65rem .75rem;vertical-align:top;border-bottom:1px solid var(--rule)}.preset-table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);border-bottom:2px solid var(--rule)}.preset-table tbody th{font-weight:600;white-space:nowrap}.preset-table thead th:nth-child(2),.preset-table tbody td:nth-child(2){text-align:right;font-variant-numeric:tabular-nums}.preset-figure figcaption{font-size:.9rem;color:var(--ink-muted);max-width:var(--content-width)}@media(max-width:640px){.preset-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.preset-table,.preset-table tbody,.preset-table tr,.preset-table th,.preset-table td{display:block;width:100%}.preset-table tr{padding-block-end:1rem;margin-block-end:1rem;border-bottom:1px solid var(--rule)}.preset-table tbody tr:last-child{border-bottom:none}.preset-table th[scope=row]{border-bottom:none;padding-block-end:.25rem}.preset-table td{border-bottom:none;padding-block:.2rem;text-align:left}.preset-table td:before{content:attr(data-label);display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted)}}.tool{display:grid;gap:1.25rem}.tool-fallback{color:var(--ink-muted)}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{font:inherit;font-size:.9rem;color:var(--ink);background:var(--ground);border:1px solid var(--rule);border-radius:999px;padding:.45rem .9rem;cursor:pointer;min-height:2.75rem}.chip.is-selected{background:var(--accent);border-color:var(--accent);color:var(--ground)}.stepper{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.stepper-btn{font:inherit;font-size:1.1rem;line-height:1;width:2.75rem;height:2.75rem;border:1px solid var(--rule);border-radius:.4rem;background:var(--ground);color:var(--ink);cursor:pointer}.stepper-btn:disabled{opacity:.4;cursor:default}.stepper-count{min-width:1.75rem;text-align:center;font-variant-numeric:tabular-nums}.view-toggle{display:inline-flex;gap:.2rem;width:fit-content;padding:.2rem;border:1px solid var(--rule);border-radius:999px}.view-toggle-btn{font:inherit;font-size:.8rem;color:var(--ink-muted);background:transparent;border:none;border-radius:999px;padding:.35rem .8rem;cursor:pointer;min-height:2rem}.view-toggle-btn.is-selected{background:var(--rule);color:var(--ink);font-weight:600}.question-path{display:grid;gap:1rem}.question-row{display:grid;gap:.45rem}.question-label{font-weight:700;font-size:.95rem}.people-row{gap:1.25rem}.people-stepper{display:inline-flex;align-items:center;gap:.5rem}.people-label{font-size:.9rem;color:var(--ink-muted);min-width:3.2rem}.people-note{font-size:.9rem;color:var(--ink-muted)}.stepper-count.count-flash{animation:count-flash .9s ease-out}@keyframes count-flash{0%{background-color:var(--accent-tint);border-radius:.4rem}to{background-color:transparent;border-radius:.4rem}}@media(prefers-reduced-motion:reduce){.stepper-count.count-flash{animation:none}}.fork{display:grid;gap:.6rem}.fork-question{font-weight:700;font-size:.95rem}.fork-seg{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;max-width:42rem}@media(max-width:40rem){.fork-seg{grid-template-columns:1fr}}.fork-btn{position:relative;font:inherit;display:grid;gap:.2rem;padding:.9rem 2.9rem .9rem 1.1rem;background:var(--ground);color:var(--ink);border:2px solid var(--rule);border-radius:.75rem;cursor:pointer;text-align:left}.fork-btn:after{content:"";position:absolute;top:.95rem;right:.95rem;width:1.15rem;height:1.15rem;border:2px solid var(--rule);border-radius:50%;background:var(--ground)}.fork-btn.is-selected{border-color:var(--accent);background:var(--accent-tint)}.fork-btn.is-selected:after{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--ground)}.fork-btn-title{font-weight:700}.fork-btn-sub{font-size:.9rem;color:var(--ink-muted)}.fork-honesty{color:var(--ink-muted);font-size:.9rem}.layout-suggest,.layout-itemize{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}.layout-suggest[hidden],.layout-itemize[hidden]{display:none}.slot-verdict:empty,.slot-render:empty,.slot-supplies:empty,.slot-share:empty{display:none}.verdict-panel{display:grid;gap:.4rem;padding:1rem 1.1rem;border:1px solid var(--rule);border-radius:.5rem;background:var(--ground)}.verdict-headline{font-weight:600;max-width:none}.verdict-anchor,.verdict-cta,.verdict-secondary,.verdict-leftover{color:var(--ink-muted);font-size:.9rem;max-width:none}.verdict-crossover{font-size:.95rem;max-width:none}.crossover-link{font:inherit;font-weight:700;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}.supplies-block{display:grid;gap:.6rem}.supplies-list{display:grid;gap:.6rem;list-style:none;padding:0;margin:0}.supplies-intro{color:var(--ink-muted);font-size:.9rem;max-width:none}.supplies-item{display:flex;align-items:flex-start;gap:.65rem;min-height:2.75rem;border-radius:.25rem;padding-inline:.35rem;margin-inline:-.35rem;transition:background-color .12s ease}.supplies-item:hover,.supplies-item:focus-within{background:color-mix(in oklch,var(--accent) 8%,transparent)}.supplies-item-price{flex:none;align-self:center;margin-inline-start:auto;font-size:.85em;white-space:nowrap;min-height:2.75rem;display:inline-flex;align-items:center;padding-inline:.25rem}.supplies-item-checkbox{flex:none;width:1.15rem;height:1.15rem;margin-block-start:.65rem;accent-color:var(--accent);cursor:pointer}.supplies-item-label-wrap{display:grid;gap:.1rem;padding-block:.35rem;cursor:pointer;flex:1}.supplies-item-label{font-weight:600}.supplies-item-reason{color:var(--ink-muted);font-size:.9rem}.supplies-cart-link,.scenario-cta{justify-self:start;font-weight:600;text-decoration:none;color:var(--ground);background:var(--accent);border-radius:.4rem;padding:.7rem 1.1rem;min-height:2.75rem;display:inline-flex;align-items:center}.supplies-cart-link.is-disabled{background:var(--rule);color:var(--ink-muted);cursor:default;pointer-events:none}.supplies-cart-link:hover,.scenario-cta:hover{text-decoration:underline}.supplies-disclosure{color:var(--ink-muted);font-size:.9rem;max-width:none}.share-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.copy-link-btn{font:inherit;font-size:.9rem;color:var(--ink);background:var(--ground);border:1px solid var(--rule);border-radius:.4rem;padding:.55rem .9rem;cursor:pointer;min-height:2.75rem}.copy-link-status{font-size:.9rem;color:var(--ink-muted)}.how-it-works,.faq{display:grid;gap:1rem}.faq h3{margin-block-start:.5rem}}@layer composition{.hero-timeline{margin-block-start:.75rem}.hero-timeline svg{display:block;width:100%;height:auto}.hero-timeline figcaption{margin-block-start:.6em;font-size:.9rem;color:var(--ink-muted);text-wrap:pretty}.ht-title{font-size:14px;font-weight:700;fill:var(--ink)}.ht-year{font-size:12px;font-weight:600;fill:var(--ink-muted)}.ht-facade{fill:#f9f7f1;stroke:#6a4225;stroke-width:1.6}.ht-roof-line{fill:none;stroke:#4d3020;stroke-width:6;stroke-linejoin:round;stroke-linecap:round}.ht-chimney{fill:#725341}.ht-chimney-band{fill:none;stroke:#b4a093;stroke-width:1.5}.ht-window{fill:var(--ground);stroke:#6a4225;stroke-width:1.5}.ht-sill{fill:#6a4225}.ht-trim-line{fill:none;stroke:#6a4225;stroke-width:1.1}.ht-door-face{fill:#a52a26;stroke:#721212;stroke-width:1.4}.ht-door-lite{fill:#f9f7f1}.ht-canopy{fill:none;stroke:#4d3020;stroke-width:5;stroke-linejoin:round;stroke-linecap:round}.ht-bush{fill:#d6f0da;stroke:#3f704b;stroke-width:1.5}.ht-grass{fill:none;stroke:#3f704b;stroke-width:1.5;stroke-linecap:round}.ht-ground{fill:none;stroke:#3e4858;stroke-width:1.6;stroke-linecap:round}.ht-person{fill:var(--accent);stroke:var(--ground);stroke-width:1.4}.ht-unit{font-size:15px;font-weight:700;fill:var(--accent)}.ht-cuft{font-size:11px;fill:var(--ink-muted)}.ht-arrow{fill:none;stroke:var(--ink-muted);stroke-width:1.6;stroke-linecap:round}.unit-chip{display:inline-flex;align-items:center;gap:.4rem;position:relative}.unit-chip.is-verdict:not(.is-selected){border-color:var(--accent)}.unit-chip-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}.teardown-control{display:grid;gap:.4rem}.teardown-label{display:flex;align-items:center;gap:.55rem;cursor:pointer;min-height:2.75rem}.teardown-checkbox{flex:none;width:1.15rem;height:1.15rem;accent-color:var(--accent);cursor:pointer}.teardown-note{display:grid;gap:.35rem}.teardown-offer,.teardown-assumes,.teardown-check{color:var(--ink-muted);font-size:.9rem;max-width:none}.item-picker{display:grid;gap:.5rem}.item-category{border:1px solid var(--rule);border-radius:.5rem;padding:.25rem .85rem}.item-category summary{cursor:pointer;font-weight:600;padding-block:.6rem}.item-list{display:grid;gap:.1rem;padding-block-end:.5rem}.item-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-block:.5rem;border-top:1px solid var(--rule)}.item-list .item-row:first-child{border-top:none}.item-label{flex:1 1 14rem;min-width:0}.totals-line{color:var(--ink-muted);font-size:.9rem;max-width:none}.item-dims{display:grid;gap:.4rem;padding-block:.15rem .65rem}.item-dims-disclaimer,.item-dims-label{color:var(--ink-muted);font-size:.9rem;max-width:none}.item-dims-fields{display:flex;flex-wrap:wrap;gap:.75rem}.item-dims-field{display:inline-flex;align-items:center;gap:.3rem;font-size:.9rem;color:var(--ink-muted)}.item-dims-input{font:inherit;width:4.5rem;padding:.35rem .5rem;border:1px solid var(--rule);border-radius:.35rem;background:var(--ground);color:var(--ink)}.item-dims-reset{font:inherit;font-size:.8rem;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;justify-self:start;text-decoration:underline;text-decoration-thickness:from-font}.item-vehicle-note{color:var(--ink-muted);font-size:.9rem;max-width:none;padding-block-start:.6rem;border-top:1px solid var(--rule)}.itemize-note{color:var(--ink-muted);font-size:.9rem}.unit-render-container{display:grid;justify-items:start;align-content:start;gap:.5rem}.unit-render{max-width:100%;border:1px solid var(--rule);border-radius:.5rem;background:var(--ground)}.placement-on-edge{stroke-dasharray:2 1.5}.render-overflow,.render-legend{color:var(--ink-muted);font-size:.9rem;max-width:none}.render-block{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}.render-block .view-toggle{justify-self:center}.render-block .unit-render-container{width:min(94vw,80rem);height:clamp(17rem,52vh,29rem);justify-self:center;display:flex;overflow:auto}.render-block .stage-figure{margin:auto;flex:none;display:grid;gap:.3rem}.render-block .unit-render{max-width:none}.stage-caption{font-size:.8rem;color:var(--ink-muted);text-align:center;max-width:none}.render-door{fill:var(--accent);stroke:var(--accent);opacity:.55}.render-door[fill=none]{fill:none}.render-door-label{fill:var(--ink-muted)}.render-notes{display:grid;gap:.25rem}.scenario-figure figcaption{color:var(--ink-muted);font-size:.9rem;max-width:none}}