:root{--primary:#252e36;--secondary:#d7e9ed;--accent:#a6522c;--background:#f9fbfb;--surface:#fff;--text:#252e36;--muted:#52646f;--border:#b7c6cc;--status:#943d27}html{scroll-behavior:smooth;scroll-padding-top:20px}body{word-break:keep-all}header nav{display:flex;gap:26px;font-size:12px}header nav a{text-decoration:none}.skip-link{position:absolute;top:-80px;background:white;z-index:5;padding:15px}.skip-link:focus{top:10px}.intro{grid-template-columns:1.6fr 1fr;max-height:330px}.intro-copy{padding:28px 6vw}.intro h1{font-size:clamp(30px,3.7vw,52px);line-height:1.4;margin:16px 0}.intro figure{overflow:hidden}.intro figure img{object-position:center}.fit-lab{padding:48px 6vw 56px}.lab-heading>p:first-child{font:11px monospace;letter-spacing:2px;color:var(--muted)}.lab-heading h2{font-size:29px;font-weight:600;letter-spacing:-1px;margin:12px 0}.lab-heading>p{font-size:13px}.fit-workbench{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;margin-top:28px}.unit-note{font-size:12px;border-top:2px solid var(--ink);padding-top:18px}.dimension-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:transparent;min-width:0}.dimension-row legend{font:600 15px 'Malgun Gothic',sans-serif;letter-spacing:0;padding:0}.dimension-row label{margin:0 0 8px}.dimension-panel{background:#e6eff1;padding:24px;align-self:start}.dimension-panel svg{width:100%;max-height:330px;display:block}.panel-label{font:10px monospace;letter-spacing:1px;color:#466574;margin:0 0 16px}.dimension-panel .hint{font-size:11px}#fit-result{font-size:13px;padding-top:18px;border-top:1px solid #aebfc6}#fit-result p{margin:8px 0}.next-step{display:block;font-size:12px;margin-top:24px;text-underline-offset:5px}.form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0}.form-actions button{font-size:13px;min-height:44px}.secondary{color:var(--ink);background:transparent}.text-button{background:transparent;color:#425b68;border:0;text-decoration:underline;text-underline-offset:5px;padding-inline:0}.form-actions .calculate{width:auto;flex:1;margin:0}.scenarios{gap:0}.scenarios fieldset{min-width:0}.scenarios legend{background:var(--white);font-family:inherit;font-weight:bold;letter-spacing:0}.scenarios h3{font-size:22px}.scenarios label{font-size:13px}#calculator{border-top:1px solid var(--line);background:#f0f3f4}.totals output{font-family:Consolas,'Malgun Gothic',monospace;font-size:clamp(22px,2.7vw,36px)}.totals>div{padding:24px 18px}.cost-chart{background:white;margin-top:24px}.cost-chart:empty{display:none}.cost-chart svg{display:block;width:100%;max-height:320px}.cost-chart p{font-size:12px;margin:0;padding:15px 20px}.timeline .scroll{max-height:420px}.timeline thead{position:sticky;top:0}.energy-lab{display:grid;grid-template-columns:1fr 1.2fr;gap:7vw;padding:50px 6vw;border-top:1px solid var(--line)}.energy-lab form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.energy-lab form .form-actions,.energy-lab output,.energy-lab form>.hint{grid-column:1/-1}.energy-lab label{margin:0}.energy-lab .form-actions{margin:8px 0}.energy-lab output{display:block;background:var(--ice);padding:20px;font-size:14px;min-height:80px}.energy-equation{display:flex;gap:10px;flex-wrap:wrap;font:14px Consolas,monospace;margin-top:35px}.energy-equation strong{flex-basis:100%;font:600 22px 'Malgun Gothic',sans-serif;margin-top:10px}.hint{line-height:1.8}input{font-variant-numeric:tabular-nums}button:disabled{opacity:1;color:#657580;background:#e3e8ea;border-color:#92a6b2}@media(max-width:800px){header{flex-wrap:wrap}header nav{gap:18px}.fit-workbench{grid-template-columns:1fr;gap:24px}.intro{grid-template-columns:1fr;max-height:none}.intro figure{display:none}.fit-lab{padding:30px 5vw}.dimension-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dimension-panel .panel-label,.dimension-panel>.hint,.dimension-panel .next-step{grid-column:1/-1}.dimension-panel svg{align-self:center}#fit-result{padding-top:0;border:0}.energy-lab{grid-template-columns:1fr;gap:25px;padding:35px 5vw}.energy-equation{margin-top:20px}}@media(max-width:500px){header{gap:14px;padding:20px 5vw}.intro-copy{padding:25px 5vw}.intro h1{font-size:33px;letter-spacing:-1.5px}.lab-heading h2{font-size:25px}.dimension-row{gap:8px}.dimension-row label{font-size:11px}.dimension-row input{padding:10px 7px;font-size:16px}.dimension-panel{display:block;padding:18px}.dimension-panel svg{max-height:240px}.dimension-panel #fit-result{border-top:1px solid var(--line);padding-top:12px}.scenarios{gap:20px}.energy-lab form{grid-template-columns:1fr}.energy-lab label{margin:0 0 5px}.form-actions button[type=submit]{flex-basis:100%}.totals{margin-top:25px}.totals>div{padding:18px}.totals output{margin-top:5px;font-size:30px}.method h2{font-size:25px}}
@media(max-width:500px){.dimension-panel{display:flex;flex-direction:column}.dimension-panel .panel-label{order:0}.dimension-panel #fit-result{order:1}.dimension-panel svg{order:2}.dimension-panel>.hint{order:3}.dimension-panel .next-step{order:4}}