*,*:before,*:after{box-sizing:border-box;margin:0}:root{--brand-accent: #2563eb;--brand-accent-light: #dbeafe;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--bg-page: #ffffff;--bg-surface: #f8fafc;--bg-widget: #f1f5f9;--border-color: #e2e8f0;--border-radius: 8px;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--max-width: 720px;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Consolas", monospace}html{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-page);line-height:1.6;-webkit-font-smoothing:antialiased}body{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.site-nav{padding:.75rem 0;font-size:.875rem;color:var(--text-muted)}.site-nav a{color:var(--brand-accent);text-decoration:none}.nav-sep{margin:0 .375rem}h1{font-size:1.75rem;line-height:1.2;margin:.5rem 0 .75rem}h2{font-size:1.25rem;margin:2rem 0 .75rem}h3{font-size:1.1rem;margin:1.5rem 0 .5rem}.baked-answer{font-size:1.125rem;font-weight:600;padding:1rem;background:var(--brand-accent-light);border-left:4px solid var(--brand-accent);border-radius:var(--border-radius);margin-bottom:1.5rem}.calc-widget{background:var(--bg-widget);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.25rem;margin-bottom:1.5rem}.calc-inputs{display:grid;gap:.75rem}.input-group{display:flex;flex-direction:column;gap:.25rem}.input-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-unit{font-weight:400;color:var(--text-muted)}.input-group input[type=number],.input-group select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;font-family:var(--font-mono);width:100%;max-width:200px}.input-group input:focus,.input-group select:focus{outline:2px solid var(--brand-accent);outline-offset:1px;border-color:var(--brand-accent)}.calc-output{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.output-primary{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem}.output-label{font-size:.875rem;color:var(--text-secondary)}.output-value{font-size:1.75rem;font-weight:700;font-family:var(--font-mono);color:var(--brand-accent)}.output-unit{font-size:.875rem;color:var(--text-muted)}.output-breakdown{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;font-size:.875rem}.output-breakdown dt{color:var(--text-secondary)}.output-breakdown dd{text-align:right;font-family:var(--font-mono);font-weight:500}.calc-section{margin:2rem 0}.calc-section>h2{margin-top:0}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem}.callout{border-left:4px solid var(--warning);background:#fffbeb;padding:.75rem 1rem;border-radius:0 var(--border-radius) var(--border-radius) 0;margin:.75rem 0}.callout-title{font-weight:600;font-size:.9375rem;margin-bottom:.25rem}.callout-body{font-size:.875rem;color:var(--text-secondary)}.mistake-card{border-left:4px solid var(--danger);background:#fff1f2;padding:.75rem 1rem;border-radius:0 var(--border-radius) var(--border-radius) 0;margin:.75rem 0}.mistake-label{font-weight:600;font-size:.9375rem;margin-bottom:.35rem}.mistake-cost{font-size:.875rem;color:var(--danger);margin-bottom:.25rem}.mistake-fix{font-size:.875rem;color:var(--text-secondary)}.checklist{list-style:none;padding:0}.checklist li{padding:.5rem 0 .5rem 1.75rem;position:relative;border-bottom:1px solid var(--border-color)}.checklist li:before{content:"☐";position:absolute;left:0;color:var(--text-muted);font-size:1.125rem}.faq-list{list-style:none;padding:0}.faq-item{border-bottom:1px solid var(--border-color)}.faq-item summary{padding:.75rem 0;cursor:pointer;font-weight:500;list-style:none}.faq-item summary:before{content:"+";display:inline-block;width:1.5rem;font-weight:700;color:var(--brand-accent)}.faq-item[open] summary:before{content:"−"}.faq-answer{padding:0 0 .75rem 1.5rem;color:var(--text-secondary);font-size:.9375rem}.presets-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.preset-btn{padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-page);cursor:pointer;font-size:.8125rem;transition:border-color .15s,background .15s}.preset-btn:hover,.preset-btn.active{border-color:var(--brand-accent);background:var(--brand-accent-light)}.export-bar{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 0;border-top:1px solid var(--border-color);margin-top:2rem}.export-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-page);cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.375rem;transition:border-color .15s}.export-btn:hover{border-color:var(--brand-accent)}.export-btn.primary{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent)}.examples-grid{display:grid;gap:1rem}@media(min-width:640px){.examples-grid{grid-template-columns:repeat(2,1fr)}}.example-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem}.example-card h3{margin:0 0 .25rem;font-size:.9375rem}.example-dims{font-size:.8125rem;color:var(--text-muted);margin-bottom:.5rem}.example-lines{font-size:.875rem}.example-lines dt{color:var(--text-secondary)}.example-lines dd{font-family:var(--font-mono);text-align:right}.example-total{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color);font-weight:600;display:flex;justify-content:space-between}.slider-group{display:flex;align-items:center;gap:.75rem}.slider-group input[type=range]{flex:1;accent-color:var(--brand-accent)}.slider-value{font-family:var(--font-mono);font-weight:500;min-width:3rem;text-align:right}.info-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem}.guide-grid{display:grid;gap:1rem}@media(min-width:640px){.guide-grid{grid-template-columns:1fr 1fr}}.guide-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem}.guide-card h3{margin:0 0 .5rem;font-size:.9375rem}.guide-row{display:flex;justify-content:space-between;padding:.375rem 0;border-bottom:1px solid var(--border-color);font-size:.875rem}.guide-row:last-child{border-bottom:none}.guide-label{color:var(--text-secondary)}.guide-value{font-weight:500}.guide-source{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.site-footer{margin-top:3rem;padding:1.5rem 0;border-top:1px solid var(--border-color);font-size:.8125rem;color:var(--text-muted)}.verify-stamp{margin-bottom:.75rem}.footer-links{display:flex;flex-wrap:wrap;gap:1rem}.footer-links a{color:var(--text-secondary);text-decoration:none}.footer-links a:hover{color:var(--brand-accent)}.reverse-toggle{margin:.75rem 0}.reverse-toggle button{background:none;border:none;color:var(--brand-accent);cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline;text-underline-offset:2px}.chart-container{margin:1rem 0}.chart-container svg{width:100%;height:auto}.chart-caption{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}@media(max-width:390px){h1{font-size:1.375rem}.output-value{font-size:1.5rem}.presets-row{gap:.375rem}.preset-btn{font-size:.75rem;padding:.25rem .5rem}}