@charset "UTF-8";:root{color-scheme:light;--bg: #f1f5ef;--surface: #fbfcf8;--surface-soft: #e9f0e9;--text: #20352d;--text-muted: #566a5d;--accent: #3f6b54;--accent-dark: #2f5440;--accent-soft: #dce8de;--on-accent: #ffffff;--coral: #e76d53;--border: #dce5dc;--line-strong: #2a4937;--grid: #d3ddd3;--sun-a: #f8ffda;--sun-b: #bed1a1;--danger: #8a2a2a;--danger-bg: #fbecec;--danger-line: #f2cece;--focus: rgba(63, 107, 84, .4);--footer-bg: #20352d;--shadow: 0 10px 24px rgba(32, 53, 45, .08);--shadow-soft: 0 4px 10px rgba(32, 53, 45, .08);--radius-xs: .5rem;--radius-sm: .8rem;--radius-md: 1rem;--radius-lg: 1.5rem;--space-1: .4rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem}:root[data-theme=dark]{color-scheme:dark;--bg: #17271e;--surface: #24372d;--surface-soft: #2a4033;--text: #eef2e8;--text-muted: #b0bdb0;--accent: #8fc2a3;--accent-dark: #a9d3b9;--accent-soft: #34503f;--on-accent: #12211a;--coral: #ef896e;--border: #405548;--line-strong: #8fa896;--grid: #3a5042;--sun-a: #f3dcd1;--sun-b: #ef896e;--danger: #f2b0b0;--danger-bg: #4a2a2a;--danger-line: #6e3c3c;--focus: rgba(143, 194, 163, .5);--footer-bg: #0f1c15;--shadow: 0 10px 24px rgba(0, 0, 0, .35);--shadow-soft: 0 4px 10px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:DM Sans,Avenir Next,Inter,Segoe UI,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}a{color:inherit}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:1000;background:var(--text);color:var(--bg);padding:.4rem .7rem;border-radius:var(--radius-xs)}.skip-link:focus{top:1rem}.container{width:min(72rem,100% - 2rem);margin-inline:auto}.section{padding:var(--space-6) 0}.button{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:999px;padding:.7rem 1.1rem;text-decoration:none;font-weight:700;cursor:pointer}.button:hover,.button:focus-visible{background:var(--accent-dark)}.button:focus-visible,.text-link:focus-visible,.text-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.calculator-card:focus-visible,.related-links a:focus-visible,.category-list a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.button-outline{color:var(--accent);background:var(--surface)}.button-quiet{background:var(--surface);color:var(--text);border-color:var(--border)}.button-small{padding:.45rem .9rem}.text-link{text-decoration:none;color:var(--accent-dark);font-weight:700}.text-button{border:none;background:none;color:var(--accent-dark);cursor:pointer;padding:0;font-weight:700}.eyebrow{margin:0 0 .55rem;color:var(--accent-dark);font-size:.75rem;letter-spacing:.12em;font-weight:700;text-transform:uppercase}.muted{color:var(--text-muted)}h1,h2,h3{line-height:1.2;margin:0 0 .7rem}p{margin:0 0 1rem}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,var(--bg) 8%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-inner{width:min(76rem,100% - 2rem);margin:0 auto;display:flex;align-items:center;justify-content:space-between;min-height:4.3rem}.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:800;font-size:1.15rem}.brand span span{color:var(--accent)}.brand-mark{inline-size:1.65rem;block-size:1.65rem;border-radius:.4rem;display:inline-grid;place-items:center;background:var(--accent-soft);color:var(--accent-dark)}.brand-mark svg{inline-size:1.05rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.main-nav{display:flex;gap:1rem;align-items:center}.main-nav a{text-decoration:none;font-weight:600}.main-nav a.active{color:var(--accent-dark)}.unit-preference{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.85rem;font-weight:600}.unit-preference select{appearance:none;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:.85rem;padding:.4rem 1.7rem .4rem .7rem;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - .85rem) 50%,calc(100% - .6rem) 50%;background-size:.25rem .25rem,.25rem .25rem;background-repeat:no-repeat}.unit-preference select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.menu-toggle{display:none;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);padding:.45rem}.menu-toggle span{display:block;width:1.1rem;height:2px;background:var(--text);margin:3px 0}.hero-grid{display:grid;gap:var(--space-5);align-items:center;grid-template-columns:1fr}.hero-copy h1{font-size:clamp(1.8rem,4vw,3rem)}.hero-lede{max-width:42ch;color:var(--text-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.hero{position:relative;isolation:isolate;padding:3.5rem 0 2.5rem}.hero-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 88%,transparent) 45%,color-mix(in srgb,var(--bg) 55%,transparent) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 35%),var(--hero-img) center/cover no-repeat}.accent-text{color:var(--accent)}.trust-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0 0 1.4rem;list-style:none}.trust-list li{padding:.3rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.85rem;font-weight:600;color:var(--text-muted)}.trust-list li:before{content:"\2713  ";color:var(--accent)}.hero-art{position:relative;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,3.2rem);gap:.8rem}.hero-art .tile{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow)}.tile-a{grid-column:1/4;grid-row:1/5}.tile-b{grid-column:4/7;grid-row:1/3}.tile-c{grid-column:4/7;grid-row:3/5}.tile-d{grid-column:1/3;grid-row:5/7}.tile-e{grid-column:3/5;grid-row:5/7}.measure-card{grid-column:5/7;grid-row:5/7;display:flex;align-items:center;gap:.6rem;padding:.7rem;border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow)}.measure-card b{display:block;font-size:.9rem;line-height:1.2}.measure-card small{display:block;margin-top:.2rem;font-size:.72rem;opacity:.85;line-height:1.25}.measure-icon{flex:none;inline-size:1.8rem;block-size:1.8rem;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--on-accent) 22%,transparent)}.card-grid{display:grid;grid-template-columns:1fr;gap:1rem}.calculator-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 0 1.1rem;text-decoration:none;box-shadow:var(--shadow-soft);display:grid;gap:.45rem;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.calculator-card>:not(.card-art):not(.card-arrow){margin-inline:1.1rem}.calculator-card h2,.calculator-card h3,.calculator-card p{margin-block:0}.calculator-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accent)}.card-art{aspect-ratio:3/2;margin-bottom:.4rem}.card-category{font-size:.75rem;color:var(--text-muted)}.card-arrow{position:absolute;right:.8rem;top:.8rem;inline-size:2rem;block-size:2rem;display:grid;place-items:center;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-soft);color:var(--accent-dark)}.search-box{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:.3rem .8rem;margin:1rem 0}.search-box input{border:none;width:100%;padding:.45rem 0;font:inherit;background:transparent}.search-box input:focus{outline:none}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-md);padding:1.3rem;background:var(--surface)}.category-band{padding:2.5rem 0;background:var(--surface);border-block:1px solid var(--border)}.category-list{display:flex;flex-wrap:wrap;gap:.7rem}.category-list a{text-decoration:none;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);padding:.45rem .8rem;display:inline-flex;gap:.5rem}.how-grid{display:grid;gap:1.5rem}.steps{margin:0;padding:0;list-style:none;display:grid;gap:.8rem}.steps li{display:flex;gap:1rem;align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem}.steps li span{color:var(--accent-dark);font-weight:800}.ad-slot-wrap{padding:0 0 1rem}.ad-slot{min-height:110px;border:1px dashed var(--text-muted);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);display:grid;place-items:center;text-align:center;padding:1rem}.guide-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-4);display:grid;gap:1rem}.faq-grid{display:grid;gap:1rem}.faq-list{display:grid;gap:.6rem}.faq-list details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem .85rem}.faq-list summary{cursor:pointer;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:" +";color:var(--accent-dark)}.faq-list details[open] summary:after{content:" \2212"}.site-footer{margin-top:2rem;border-top:1px solid var(--border);background:var(--footer-bg);color:#f1f4f0}.footer-inner{width:min(76rem,100% - 2rem);margin-inline:auto;padding:2rem 0;display:grid;gap:1.3rem}.brand-light{color:#fff}.brand-light span span{color:#a9d3b8}.brand-light .brand-mark{background:#ffffff26}.footer-links{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.footer-links h2{font-size:.95rem;margin-bottom:.5rem}.footer-links a{display:block;color:#d5ded7;text-decoration:none;margin-bottom:.35rem}.footer-bottom{width:min(76rem,100% - 2rem);margin-inline:auto;border-top:1px solid rgba(255,255,255,.12);padding:.85rem 0 1.5rem;display:flex;flex-direction:column;gap:.4rem;font-size:.86rem;color:#cad5ce}.page-hero{padding:2.3rem 0 1.5rem}.breadcrumbs{font-size:.85rem;color:var(--text-muted);display:flex;gap:.4rem;margin-bottom:.9rem}.breadcrumbs a{text-decoration:none}.directory-controls{display:grid;gap:.8rem}.select-label{display:grid;gap:.35rem}.select-label select{border:1px solid var(--border);border-radius:.7rem;padding:.7rem;background:var(--surface);font:inherit}.result-count{color:var(--text-muted);margin-bottom:.85rem}.calculator-layout{display:grid;gap:1rem;margin:1.5rem 0}.calculator-form,.results-card,.notice-card,.content-layout .prose>section,.content-aside{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.calculator-form{padding:1rem}.form-heading{display:flex;gap:.8rem;margin-bottom:.8rem}.step-number{inline-size:1.8rem;block-size:1.8rem;border-radius:50%;background:var(--accent-soft);color:var(--accent-dark);display:inline-grid;place-items:center;font-weight:700}.fields-grid{display:grid;gap:.8rem}.form-field{display:grid;gap:.35rem}.input-with-unit{position:relative}.input-with-unit input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--border);border-radius:.7rem;padding:.7rem;font:inherit;background:var(--surface)}.field-controls{position:relative;display:flex;align-items:stretch}.field-controls>input{width:100%;min-width:0;border:1px solid var(--border);border-radius:.7rem;padding:.7rem;font:inherit;background:var(--surface)}.field-controls>select{flex:0 0 auto;width:auto;min-width:4.8rem;max-width:7rem;margin-left:-1px;border-radius:0 .7rem .7rem 0;padding:.55rem .45rem;font-size:.9rem}.field-controls>input:has(+select){border-radius:.7rem 0 0 .7rem}.field-controls>input:not(:has(+select)){padding-right:4.2rem}.field-controls>.unit,.input-with-unit .unit{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:.85rem}.form-field label{font-weight:600}.compact-select>span{font-weight:700}.form-field small{color:var(--text-muted)}.optional{color:var(--text-muted);font-weight:500}.compact-select{margin-top:.9rem}.form-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.7rem}.privacy-note{font-size:.86rem;color:var(--text-muted);margin-top:.8rem}.form-error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-line);border-radius:.6rem;padding:.6rem;margin-top:.8rem}.results-card{padding:1rem}.result-heading{display:flex;gap:.8rem;align-items:center}.result-icon{inline-size:1.75rem;block-size:1.75rem;border-radius:50%;display:inline-grid;place-items:center;background:var(--accent-soft);color:var(--accent-dark)}.result-summary{font-weight:700}.result-list{display:grid;gap:.6rem;margin:0}.result-list div{display:flex;justify-content:space-between;gap:1rem;border-top:1px dashed var(--border);padding-top:.5rem}.result-list dt{font-weight:600}.result-list small{display:block;font-weight:400;color:var(--text-muted)}.result-list dd{margin:0;font-weight:700;text-align:right}.result-actions{display:flex;gap:1rem;margin-top:.7rem}.sample-result{border:1px dashed var(--border);border-radius:.7rem;padding:.75rem;margin-top:.8rem}.sample-label{font-size:.75rem;letter-spacing:.08em;color:var(--text-muted)}.estimate-caveat{margin-top:.85rem;color:var(--text-muted);font-size:.9rem}.calculator-notes{display:grid;gap:1rem}.notice-card{display:flex;gap:.8rem;padding:.9rem}.notice-mark{inline-size:1.6rem;block-size:1.6rem;border-radius:50%;display:inline-grid;place-items:center;background:var(--accent-soft);color:var(--accent-dark);font-weight:700}.room-list{display:grid;gap:.8rem}.room-row{border:1px dashed var(--border);border-radius:.7rem;padding:.8rem;display:grid;gap:.7rem}.room-row-title{display:flex;justify-content:space-between;align-items:center}.remove-button{border:none;background:none;color:var(--danger);font-weight:700;cursor:pointer}.add-area{margin-top:.8rem}.related-section{padding:2rem 0 1rem}.related-links{display:grid;gap:.7rem}.related-links a{background:var(--surface);border:1px solid var(--border);border-radius:.7rem;padding:.75rem;text-decoration:none;display:flex;justify-content:space-between;gap:.8rem}.content-layout{display:grid;gap:1rem}.content-aside{padding:1rem;align-self:start}.aside-label{font-size:.75rem;letter-spacing:.11em;color:var(--text-muted);font-weight:700}.content-aside a{display:block;text-decoration:none;margin-top:.6rem}.prose{display:grid;gap:.9rem}.prose>section{padding:1rem}.contact-form{margin-top:1rem;display:grid;gap:.8rem}.contact-warning{background:var(--surface-soft);border:1px solid var(--border);border-radius:.7rem;padding:.7rem;margin:0}@media(min-width:48rem){.hero-grid{grid-template-columns:1.1fr 1fr}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-grid,.faq-grid,.content-layout{grid-template-columns:1fr 1fr}.directory-controls{grid-template-columns:1fr auto;align-items:end}.calculator-layout{grid-template-columns:1.15fr .85fr}.calculator-notes{grid-template-columns:1fr 1fr}}@media(min-width:64rem){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-bottom{flex-direction:row;justify-content:space-between}.content-layout{grid-template-columns:.34fr 1fr}}@media(max-width:63.999rem){.menu-toggle{display:inline-flex;flex-direction:column;justify-content:center}.main-nav{position:absolute;left:1rem;right:1rem;top:calc(100% + .5rem);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow);padding:.8rem;display:none;flex-direction:column;align-items:start}.main-nav.is-open{display:flex}.unit-preference{padding:.35rem 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.site-header,.site-footer,.result-actions,.form-actions,.contact-form,.ad-slot-wrap{display:none!important}body{background:var(--surface)}.calculator-layout,.calculator-notes{grid-template-columns:1fr}}.theme-toggle{display:inline-flex;align-items:center;gap:.4rem;min-height:2.4rem;padding:.35rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.theme-toggle:hover{background:var(--accent-soft)}.theme-toggle:focus-visible{outline:3px solid var(--focus)}.calc-hero{position:relative;isolation:isolate;padding:2.2rem 0 2.6rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.calc-hero-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 85%,transparent) 50%,color-mix(in srgb,var(--bg) 45%,transparent) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 40%),var(--hero-img) center/cover no-repeat}.calc-hero .calculator-intro{max-width:44rem}.calc-hero h1{margin:.2rem 0 .6rem}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;margin-bottom:var(--space-5)}.guide-callout{margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface)}.guide-callout a{color:var(--accent-dark);font-weight:600}