@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#0F1B2D;--amber:#F5A524;--cream:#FFF8EC;--green:#1F9D55;--red:#D64545;--slate:#5B6676;--line:#dce1e6;--white:#fff;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--navy);font:17px/1.6 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}a{color:inherit;text-underline-offset:4px}a:hover{color:#915500}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:8px;background:var(--amber);padding:12px 21px;color:var(--navy);font-size:15px;font-weight:700;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:#ffc460;color:var(--navy)}button.secondary,.button.secondary{background:white;border-color:var(--line)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid #286ab8;outline-offset:4px}input,select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #a8b2be;border-radius:7px;background:white;color:var(--navy)}input[type=checkbox]{width:22px;min-height:22px;accent-color:var(--navy)}label{display:block;font-size:13px;font-weight:600}label input,label select{margin-top:6px}h1,h2,h3{font-family:Manrope,Inter,system-ui,sans-serif;line-height:1.15;letter-spacing:-.045em;margin:0 0 20px}h1{font-size:clamp(38px,5.5vw,72px);font-weight:800}h2{font-size:clamp(28px,3.2vw,42px)}h3{font-size:23px;letter-spacing:-.025em}p{margin:0 0 22px}.wrap{width:min(1160px,100% - 40px);margin-inline:auto}header{background:var(--navy);color:white}header .wrap{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:10px;align-items:center;font:800 23px Manrope,system-ui;text-decoration:none;letter-spacing:-1px}.brand svg{color:var(--amber);width:32px;height:32px}nav{display:flex;align-items:center;gap:26px;font-size:14px}nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}nav .button{min-height:44px}.skip{position:fixed;top:-100px;left:10px;background:white;padding:14px;z-index:10}.skip:focus{top:8px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#83530a;margin-bottom:18px}.hero{padding:76px 0 64px;display:grid;grid-template-columns:1.14fr 1fr;gap:64px;align-items:center}.lead{font-size:20px;color:var(--slate);max-width:650px}.muted,.small{color:var(--slate)}.small{font-size:13px;line-height:1.65}.tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;color:#81500a}.panel,.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.card{display:block;text-decoration:none;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:var(--amber);color:var(--navy)}.card p{color:var(--slate);font-size:15px}.card p:last-child{margin-bottom:0}.mini{box-shadow:0 20px 70px #0f1b2d12;padding:30px;position:relative}.mini:before{content:'';position:absolute;inset:-18px 22px 18px -18px;border:1px solid #e6c993;border-radius:var(--radius);z-index:-1}.mini-options{display:grid;gap:10px}.mini-options label{display:flex;gap:14px;align-items:center;padding:10px;background:#f6f8fa;border-radius:8px;font-size:15px}.mini-options span{margin-left:auto;color:var(--slate);font-size:13px}.mini-total{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;display:flex;justify-content:space-between;align-items:center}.mini-total strong{font-size:34px;letter-spacing:-.05em}.mini .button{width:100%;margin-top:18px}.trust{display:flex;gap:30px;flex-wrap:wrap;border-block:1px solid var(--line);padding:21px 0;font-size:13px;color:var(--slate)}.trust span:before{content:'✓';color:var(--green);margin-right:9px}.section{padding:64px 0}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section-head p{max-width:340px;color:var(--slate);font-size:15px;margin:0}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tools{grid-template-columns:repeat(3,minmax(0,1fr))}.icon{width:46px;height:46px;border-radius:10px;background:var(--cream);display:grid;place-items:center;margin-bottom:22px;font-size:25px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips a,.chips button{min-height:44px;background:white;border:1px solid var(--line);border-radius:30px;padding:9px 17px;font-size:14px;text-decoration:none}.ink{background:var(--navy);color:white}.ink .eyebrow{color:var(--amber)}.formula{font-size:clamp(18px,2.4vw,27px);letter-spacing:-.03em;font-weight:600;line-height:1.5}.ink p,.ink .small{color:#c1ccda}.ink a{color:var(--amber)}footer{border-top:1px solid var(--line);padding:36px 0 46px;color:var(--slate);font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:30px}footer a{display:inline-block;min-height:44px;margin-right:20px}footer p{margin-bottom:6px}.mobile-cta{display:none}.article-header{padding:56px 0 32px;max-width:900px}.article-header h1{font-size:clamp(36px,4.5vw,58px)}.article-layout{display:grid;grid-template-columns:minmax(0,800px) 240px;gap:64px;align-items:start}.article-body{min-width:0;padding-bottom:48px}.article-body h2{font-size:30px;margin-top:42px}.article-body h3{font-size:21px;margin-top:26px}.article-body p,.article-body li{font-size:17px}.article-body a{color:#785011}.article-body .panel{margin:26px 0}.article-body ul{padding-left:24px}.toc{position:sticky;top:25px;font-size:14px;border-left:1px solid var(--line);padding-left:22px}.toc a{display:block;padding:8px 0}.notice{padding:22px;border-left:3px solid var(--amber);background:#fff0cf;border-radius:0 8px 8px 0}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:26px 0;background:white}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th,td{padding:16px;min-width:120px;border-bottom:1px solid var(--line)}th{background:#edf1f5;font-weight:700}th:first-child,td:first-child{position:sticky;left:0;background:#fffdf8;z-index:1}tr:last-child td{border:0}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:700;min-height:44px}details p{margin:12px 0}.calculator-header{padding:50px 0 22px}.calculator-header h1{font-size:clamp(37px,4vw,55px)}.calc-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}.calc-grid h2{font-size:26px}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.preset-buttons button{padding:9px 13px;font-size:13px;background:var(--cream);border-color:#eadbc0}.device{border:1px solid var(--line);border-radius:10px;margin:16px 0;padding:16px}.device-top{display:flex;gap:12px;align-items:end}.device-top label{flex:1}.remove{background:#f6edef;color:#962f2f;padding:10px}.device-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.device .small{margin:10px 0 0}.settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.checklabel{display:flex;align-items:center;gap:12px;padding:16px 0;font-size:14px}.results{background:var(--navy);color:white}.results .small{color:#c1ccda}.big-result{font-size:46px;font-weight:800;letter-spacing:-.05em;color:var(--amber)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.metric span{display:block;font-size:12px;color:#c1ccda}.metric strong{font-size:23px}.result-status{border-top:1px solid #435064;padding-top:18px}.error{color:#a72b2b;min-height:28px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.specs{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0}.specs span{font-size:12px;display:block;color:var(--slate)}.specs strong{font-size:20px}.check{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.pass{color:#13743b}.fail{color:#ac2828}.check small{display:block;color:var(--slate)}.tool-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-output{grid-column:1/-1;font-size:23px;font-weight:700;padding:16px;background:var(--cream);border-radius:8px}.checklist li{margin-bottom:10px}.print-only{display:none}noscript p{padding:20px;background:#fff0cf}@media(max-width:900px){.hero{gap:32px}.tools{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.toc{position:static;grid-row:1;border-left:0;border-bottom:1px solid var(--line);padding:0 0 20px;display:flex;gap:10px;flex-wrap:wrap}.toc strong{width:100%}.calc-grid{grid-template-columns:1fr}.model-grid{grid-template-columns:1fr}}@media(max-width:640px){body{padding-bottom:80px}.wrap{width:calc(100% - 36px)}header .wrap{min-height:80px;flex-wrap:wrap;gap:4px;padding-block:14px}nav{width:100%;gap:24px;font-size:13px}nav .button{margin-left:auto;padding:8px 12px}.hero{grid-template-columns:1fr;padding:40px 0;gap:42px}.lead{font-size:18px}.mini{padding:22px}.cards{grid-template-columns:1fr}.section{padding:42px 0}.section-head{display:block}.section-head p{margin-top:16px}.trust{gap:10px 22px}.panel,.card{padding:22px}.article-header{padding-top:38px}.article-layout{gap:24px}.article-body h2{font-size:27px}.device{padding:12px}.device-fields{grid-template-columns:1fr 1fr}.settings{gap:12px}.big-result{font-size:39px}.tool-form{grid-template-columns:1fr}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fffdf8ee;backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:5}.mobile-cta .button{width:100%}footer .wrap{display:block}.specs{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}@media print{body{padding:0;background:white;font-size:12pt}header,footer,.mobile-cta,.actions,.preset-buttons,.remove,.toc,.no-print{display:none!important}.wrap{width:100%}.calc-grid,.article-layout,.model-grid{display:block}.panel,.card,.results{background:white;color:black;border:1px solid #aaa;box-shadow:none;margin-bottom:20px;break-inside:avoid}.results .small,.metric span,.big-result{color:black}.print-only{display:block}h1{font-size:28pt}.article-header{padding-top:0}a{color:black!important}.device{break-inside:avoid}input,select{border:0;padding:0;min-height:24px}.section{padding:20px 0}.ink{background:white;color:black}.ink p{color:black}}

.section-head .eyebrow h2{color:var(--navy);text-transform:none;letter-spacing:-.045em;margin-top:14px}.model-grid{min-height:560px}.calc-grid>*{min-width:0}.device-top label{min-width:0}.table-scroll a{overflow-wrap:anywhere}
/* Sunroom: editorial surfaces and a luminous, self-contained energy scene. */
:root{--radius:24px;--line:#dddccb;--slate:#536071}body{background:radial-gradient(ellipse at 90% 10%,#f9dfac66,transparent 40%),var(--cream)}h1{font-size:clamp(48px,6.4vw,88px);line-height:1.02;letter-spacing:-.065em}h2{letter-spacing:-.055em}header{background:#fff8ecee;color:var(--navy);border-bottom:1px solid #0f1b2d18;position:relative;z-index:4}header .wrap{min-height:94px}.brand{font-size:24px}.brand svg{color:#b66b09}nav a:not(.button):hover{color:#9b5900}.wrap{width:min(1240px,100% - 80px)}button,.button{border-radius:100px;padding:14px 23px;transition:transform .2s,box-shadow .2s,background .2s}button:hover,.button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #b675201f}a svg,button svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}a:not(.brand) svg{margin-left:8px}.hero{grid-template-columns:1.12fr 1fr;gap:36px 56px;padding:76px 0 48px}.hero-copy{grid-column:1;grid-row:1}.hero-copy h1{max-width:760px}.hero-copy .lead{font-size:19px;max-width:520px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.16em}.eyebrow:before{content:'';width:24px;height:2px;background:currentColor;flex-shrink:0}.section-head .eyebrow{display:block}.section-head .eyebrow:before{display:none}.solar-scene{grid-column:2;grid-row:1;position:relative;transform:translateY(var(--drift,0));align-self:center}.solar-scene>svg{width:100%;display:block;box-shadow:0 30px 80px #a06d2520;border-radius:24px}.scene-label{font:700 10px Inter;letter-spacing:.15em;margin-bottom:15px;color:#6f552c}.scene-caption{display:flex;align-items:center;gap:10px;font-size:11px;margin-top:18px;color:#64543b}.live-dot{width:7px;height:7px;background:#be780e;box-shadow:0 0 0 4px #f5a52425;border-radius:50%}.sun-halo{transform-origin:460px 96px;animation:sun-breathe 7s ease-in-out infinite}.station{filter:drop-shadow(0 0 10px #f5a52466)}.mini{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.8fr 1fr;column-gap:30px;padding:30px 36px;background:#ffffffb8;backdrop-filter:blur(20px);box-shadow:0 15px 50px #0f1b2d08;border:1px solid #fff}.mini:before{display:none}.mini>.eyebrow{grid-column:1;grid-row:1}.mini>h2{grid-column:1;grid-row:2}.mini>p.small:first-of-type{grid-column:1;grid-row:3}.mini-options{grid-column:2;grid-row:1/4;grid-template-columns:1fr 1fr;align-content:center}.mini-options label{background:#f1f2e9;border:1px solid #e0e3d5;padding:14px 12px}.mini-options span{font-size:11px}.mini-total{grid-column:3;grid-row:1/3;border:0;padding:0;margin:0;display:block}.mini-total strong{display:block;font:800 38px Manrope}.mini>.button{grid-column:3;grid-row:3;margin:0}.mini>p:last-of-type{grid-column:1/-1}.mini p{margin-bottom:0}.trust{justify-content:space-between;padding:25px 0}.trust span{display:flex;align-items:center;gap:10px}.trust span:before{content:'';width:14px;height:14px;border:1.5px solid #538064;border-radius:50%;background:radial-gradient(circle,#538064 2px,transparent 3px)}.section{padding:90px 0}.section-head{margin-bottom:36px}.card{position:relative;padding:34px;background:linear-gradient(135deg,#ffffffd9,#fffdf5);border-color:#e6e1d5;box-shadow:0 8px 24px #0f1b2d04;transition:transform .3s,box-shadow .3s,border-color .3s}.card:hover{transform:translateY(-7px);box-shadow:0 24px 45px #0f1b2d0c}.card h3{font-size:26px}.card .icon{width:56px;height:56px;background:#f6e7c7;border-radius:16px;color:#8c5b13}.icon svg{width:29px;height:29px;margin:0!important}.cards{gap:24px}.tag{border:1px solid #e8d8b8;padding:5px 10px;border-radius:30px;font-size:10px}.chips a{background:transparent;border-color:#cfcabf;padding:12px 22px;display:flex;align-items:center}.ink{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 100%,#344636,transparent 60%),var(--navy)}.ink:after{content:'';position:absolute;width:440px;height:440px;border:1px solid #f5a52430;border-radius:50%;right:-120px;top:-160px;pointer-events:none}.ink h2{font-size:clamp(36px,5vw,60px)}.ink .wrap{position:relative;z-index:1}.ink p{max-width:850px}.formula{font-family:Manrope,Inter,sans-serif;line-height:1.7}.ink .formula{color:#ffdc94}.article-header{max-width:1050px;padding:80px 0 52px;border-bottom:1px solid var(--line);margin-bottom:48px;position:relative}.article-header h1{font-size:clamp(42px,5.5vw,72px);max-width:970px}.article-header .lead{max-width:760px}.article-layout{grid-template-columns:minmax(0,820px) 240px;gap:80px}.article-body{line-height:1.85}.article-body>p:first-child{font-size:20px}.article-body h2{font-size:34px;margin-top:60px;scroll-margin-top:30px}.article-body h3{margin-top:34px}.article-body .panel{background:#fffdf7;border:1px solid #e1d7c3;box-shadow:0 10px 30px #0f1b2d05}.notice{background:linear-gradient(120deg,#ffe4ad,#fff0d1);border-left:4px solid #c78216;padding:26px 30px;border-radius:4px 20px 20px 4px}.toc{background:#ffffff9c;padding:24px;border:1px solid #e3dfd2;border-radius:20px;top:24px}.toc strong{font:800 12px Manrope;text-transform:uppercase;letter-spacing:.12em}.toc a{font-size:13px;text-decoration:none;border-bottom:1px solid #e6e2d8;line-height:1.5;padding:12px 0}.toc a:hover{color:#915500}.table-scroll{box-shadow:0 12px 30px #0f1b2d06;border-radius:20px}th{background:#14273b;color:white;padding:19px}th:first-child{background:#14273b;color:white}td{padding:19px}tr:nth-child(even) td{background:#f9f5eb}.calculator-header{padding:64px 0 34px}.calculator-header h1{font-size:clamp(42px,5.5vw,70px)}.calc-grid{gap:28px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.panel{padding:30px;box-shadow:0 10px 32px #0f1b2d04}.preset-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset-buttons button{border-radius:14px;display:flex;flex-direction:column;padding:14px 7px;font-size:11px;background:#f8f4e9;gap:9px;border-color:#e9e2d2;min-height:85px}.preset-buttons svg{height:26px;width:26px}.device{background:linear-gradient(135deg,#fff,#f8f7f0);padding:20px;border-radius:18px;margin:24px 0}.device legend{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:0 8px;display:flex;align-items:center;gap:8px}.device legend svg{width:20px;height:20px;color:#9a6516}.device input{background:#fffdf9}.remove{border-radius:10px;font-size:11px;min-height:46px;padding:8px 12px}.device-fields{gap:10px}.device-fields label{font-size:11px}.settings{padding:20px;background:#f7f5ed;border-radius:16px}.settings label{font-size:11px}.setting-slider{padding:0;min-height:26px;accent-color:#af711a;border:0;background:transparent;cursor:pointer}.results{background:radial-gradient(ellipse at 100% 0,#304a4c,transparent 65%),#0f1b2d;box-shadow:0 24px 50px #0f1b2d22;border:1px solid #34444c}.results h2{font-size:24px}.big-result{font:800 clamp(38px,4.5vw,61px) Manrope;letter-spacing:-.06em;margin:15px 0 8px}.metrics{gap:0;border:1px solid #ffffff20;border-radius:16px;overflow:hidden}.metric{padding:18px 14px;background:#ffffff05;border-bottom:1px solid #ffffff15}.metric strong{font:700 23px Manrope}.metric span{font-size:10px;margin-bottom:6px}.metric:nth-child(odd){border-right:1px solid #ffffff15}.results a{color:#ffce77}.battery-gauge{margin:24px 0}.battery-cells{position:relative;display:flex;gap:4px;padding:7px;border:1px solid #90a09c;border-radius:10px;height:53px;margin-right:8px}.battery-cells:after{content:'';position:absolute;right:-7px;top:14px;height:22px;width:5px;background:#90a09c;border-radius:0 3px 3px 0}.battery-cells i{flex:1;border-radius:3px;background:#f5a524;box-shadow:0 0 12px #f5a52430;animation:cell-charge 1s both}.battery-cells i:nth-child(n+9){opacity:.25}.battery-cells i:nth-child(2n){animation-delay:.12s}.battery-cells i:nth-child(3n){animation-delay:.24s}.battery-gauge>span{display:block;font-size:8px;letter-spacing:.15em;color:#b6c4c5;margin-top:9px}.model-grid{min-height:0}.model-grid .panel{border-top:3px solid #d7b878}.fit-badge{display:inline-block;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:700;background:#e7f3e8}.fit-badge.fail{background:#fff0e7}.check{padding:14px 0}.check:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:8px}.actions button{font-size:12px;padding:11px 16px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.is-visible{opacity:1;transform:none}footer{padding:48px 0;background:#eeeadd}footer strong{font:800 23px Manrope;color:var(--navy)}@keyframes sun-breathe{50%{transform:scale(1.18);opacity:.65}}@keyframes cell-charge{from{transform:scaleY(.1);opacity:.15}to{transform:scaleY(1)}}
@media(min-width:1100px){.calc-grid>aside{position:sticky;top:20px}.tools .card{min-height:300px}.cards:not(.tools) .card{min-height:255px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.mini{grid-template-columns:1fr 1fr}.mini-options{grid-column:2}.mini-total{grid-column:1;grid-row:4}.mini>.button{grid-column:2;grid-row:4;align-self:center}.mini>p:last-of-type{grid-row:5;margin-top:20px}.article-layout{grid-template-columns:1fr;gap:24px}.toc{position:static}.calc-grid{grid-template-columns:1fr}.preset-buttons{grid-template-columns:repeat(4,1fr)}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}header .wrap{padding:16px 0;gap:12px}nav{gap:18px;font-size:12px}.brand{font-size:22px}.brand svg{width:28px;height:28px}nav .button{font-size:11px;padding:8px 13px}.hero{grid-template-columns:1fr;padding:42px 0 30px;gap:28px}.hero h1{font-size:52px}.hero-copy .lead{font-size:17px}.solar-scene{grid-column:1;grid-row:2}.scene-caption{font-size:10px}.mini{grid-column:1;grid-row:3;display:block;padding:24px}.mini h2{margin-bottom:12px}.mini-options{margin-top:20px;gap:8px}.mini-options label{padding:10px;font-size:12px;gap:7px;flex-wrap:wrap}.mini-options span{margin-left:29px;margin-top:-6px}.mini-total{margin-top:20px;display:flex;align-items:center}.mini-total strong{font-size:34px}.mini>.button{margin-top:18px}.mini>p:last-of-type{margin-top:16px}.trust{display:grid;gap:12px;font-size:11px}.section{padding:58px 0}.card{padding:28px}.section-head{margin-bottom:24px}.section-head h2{font-size:35px}.cards{gap:16px}.chips{gap:8px}.chips a{font-size:12px;padding:10px 14px}.article-header{padding:42px 0 28px;margin-bottom:28px}.article-header h1{font-size:43px}.article-body h2{font-size:29px;margin-top:42px}.article-body p,.article-body li{font-size:16px}.toc{gap:4px 16px;padding:20px}.toc a{font-size:12px}.calculator-header{padding:40px 0 20px}.calculator-header h1{font-size:46px}.panel{padding:22px}.preset-buttons{grid-template-columns:repeat(3,1fr)}.device{padding:13px}.device-top{gap:8px}.device-fields input{padding:9px;font-size:15px}.settings{padding:13px;gap:12px}.metric{padding:15px 10px}.metric strong{font-size:22px}.results .big-result{font-size:52px}.mobile-cta{padding-top:9px;padding-bottom:calc(9px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #0f1b2d08}.mobile-cta .button{min-height:45px}footer{padding:36px 0}.ink .formula{font-size:20px}.notice{padding:20px}input,select{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.solar-scene{transform:none}}
@media print{.solar-scene,.battery-gauge,.setting-slider{display:none!important}.reveal{opacity:1;transform:none}.mini{display:block}.hero{display:block}.calc-grid>aside{position:static}.results,.panel,.card{box-shadow:none}.article-header{padding:0}.ink:after{display:none}}
/* Result gauge segments follow the documented editorial capacity classes. */
.battery-cells i{transition:opacity .6s,background .6s}.battery-cells i:nth-child(n+9){opacity:1}.article-body a svg,.card>span svg,.chips a svg{width:17px;height:17px}.article-body a svg{vertical-align:middle}.mini>noscript{grid-column:1/-1} .mini>p:last-of-type a svg{width:14px;height:14px}

/* Cinematic midnight — shared across tools, research and the landing page. */
:root{--navy:#051222;--cream:#0b192a;--white:#f7f3ec;--amber:#f8c460;--slate:#b6becb;--line:#ffffff24;--green:#83d7ad;--red:#ff9994;--radius:22px}
html{background:#030c18}body{background:radial-gradient(ellipse at 86% 3%,#a8662829,transparent 35%),#051222;color:#f7f3ec}header{background:#051222b8;color:#f7f3ec;border-color:transparent}header .wrap{min-height:94px}.brand svg{color:var(--amber)}a:hover,nav a:not(.button):hover{color:#ffdb91}.eyebrow,.tag,.article-body a{color:var(--amber)}.eyebrow:before{display:none}.section-head .eyebrow h2{color:#f7f3ec}.lead,.small,.muted,.card p{color:var(--slate)}h1,h2,h3{color:#f7f3ec}button,.button{background:linear-gradient(160deg,#ffdf87,#efac38);color:#10151b;border:1px solid #ffe3a1;box-shadow:0 0 25px #f6b43a22}button:hover,.button:hover{background:#ffda82;color:#081322;box-shadow:0 0 32px #f6b43a44}button.secondary,.button.secondary,.preset-buttons button,.chips a,.chips button{background:#ffffff08;border-color:var(--line);color:#f7f3ec}input,select{background:#071422;color:#f7f3ec;border-color:#ffffff38;color-scheme:dark}input[type=checkbox]{accent-color:var(--amber)}:focus-visible{outline-color:var(--amber)}.panel,.card,.article-body .panel,.toc{background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid #ffffff26;box-shadow:0 20px 70px #00000020;backdrop-filter:blur(22px)}.card:hover{color:#fff;border-color:#f8c46077;background:linear-gradient(135deg,#ffffff12,#f8c46008)}.card .icon,.icon{background:#f8c46012;color:var(--amber)}.tag{border-color:#f8c46040}.notice,noscript p{background:linear-gradient(120deg,#f8c46017,#ffffff03);color:#e4e5e9}.table-scroll,th:first-child,td:first-child{background:#0c1c2d}th{background:#172638}.tool-output{background:#f8c46012;color:#ffda89}.pass{color:#83d7ad}.fail,.error{color:#ff9994}.remove{background:#ff999414;color:#ffb8af}.results{background:radial-gradient(ellipse at 100% 0,#eeb96918,transparent 70%),#0c1a2b}.ink{background:radial-gradient(ellipse at 90% 100%,#9b602126,transparent 65%),#081626}.trust{color:var(--slate)}.trust span:before{border-color:#f8c46066;background:#f8c460}.mobile-cta{background:#051222ec;border-color:var(--line)}footer{background:#030d1a}.toc a{border-color:var(--line)}.setting-slider{accent-color:var(--amber)}
.device,.settings{background:linear-gradient(135deg,#ffffff0d,#ffffff03);color:#f7f3ec;border-color:#ffffff26}.device input{background:#071422;color:#f7f3ec;border-color:#ffffff38}.device legend svg{width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;max-height:20px;flex:0 0 20px}
.hero{position:relative;isolation:isolate;grid-template-columns:1.1fr 1fr;padding-top:55px;gap:40px;overflow:visible}.hero-copy{z-index:2;padding:18px 0 115px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-family:Inter,system-ui,sans-serif;font-size:clamp(58px,6.6vw,94px);font-weight:800;letter-spacing:-.055em;line-height:1.02;max-width:750px}.hero h1 em{color:var(--amber);font-weight:800}.hero .eyebrow{font-size:12px;letter-spacing:.19em;color:var(--amber)}.hero-copy .lead{max-width:560px;color:#c3c5ce;font-size:19px}.hero-copy .button{font-size:19px;min-height:60px;padding-inline:30px;box-shadow:0 0 26px #ffbd5040}.hero-copy .small{font-size:12px}.solar-scene{position:absolute;z-index:-1;right:-40px;top:-94px;width:83%;height:800px;transform:none;mask-image:linear-gradient(to right,transparent,#000 24%),linear-gradient(to bottom,#000 80%,transparent);mask-composite:intersect}.solar-scene img{width:100%;height:100%;object-fit:cover;object-position:65% center}.mini{position:relative;z-index:2;grid-column:1/-1;display:flex;flex-direction:column;width:min(900px,100%);margin:0 auto;padding:32px 38px;background:radial-gradient(ellipse at 68% 0,#ffbd4d26,transparent 45%),linear-gradient(140deg,#ffffff1c,#0a1929b8);border:1px solid #ffffff46;border-radius:26px;box-shadow:0 25px 70px #0005;gap:0}.mini>.eyebrow{order:0;color:#f6f2ed;letter-spacing:.22em;font-weight:500;margin-bottom:5px}.mini-total{order:1;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0;gap:16px}.mini-total strong{font:800 clamp(44px,7vw,86px)/1.3 Inter,system-ui;letter-spacing:-.055em;color:var(--amber);white-space:nowrap}.level-pill{border:1px solid #ffffff40;border-radius:30px;padding:6px 14px;font-size:13px;white-space:nowrap}.level-pill:before{content:' ';display:inline-block;width:9px;height:9px;background:var(--amber);border-radius:50%;margin-right:8px}.mini-gauge{order:2;display:flex;align-items:center;gap:7px;margin:6px 0 10px}.mini-gauge i{flex:1;height:34px;border-radius:4px;background:var(--amber);opacity:.12;transition:opacity .5s,box-shadow .5s}.mini-gauge i.active{opacity:1;box-shadow:0 0 14px #ffc76b15}.mini-gauge svg{width:70px;height:36px;color:var(--amber);margin-left:12px}.mini-energy{order:3;color:#c4c7cf;font-size:15px;margin:0 0 16px!important}.mini-assumption{order:4;border-top:1px solid var(--line);padding-top:18px}.mini>h2{order:5;margin:14px 0!important;font-size:16px!important;letter-spacing:.05em;font-weight:500}.mini-options{order:6;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:4px 0 16px}.mini-options label{position:relative;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:0;border-right:1px solid #ffffff30;border-radius:0;padding:10px 8px;text-align:center;font-size:17px;cursor:pointer}.mini-options label:last-child{border:0}.mini-options label:has([data-mini=led]){grid-column:1/-1;order:4;border:0;flex-direction:row;font-size:13px;justify-content:flex-start;padding:14px 0 0}.mini-options label:has([data-mini=laptop]){border:0}.mini-options svg{width:42px;height:44px;fill:none;stroke:var(--amber);stroke-width:1.6;margin:0!important}.mini-options input{width:16px;min-height:16px;height:16px;position:absolute;right:8px;top:8px;margin:0}.mini-options label:has([data-mini=led]) input{position:static}.mini-options label:has(input:not(:checked)) svg{opacity:.4}.mini-options span{margin:0;color:#bdc2ce;font-size:12px;font-weight:400}.mini>.button{order:8;width:auto;align-self:start;margin-top:18px}.mini>p.small:first-of-type{order:7;margin:0}.mini>p:last-of-type{order:9;margin-top:14px!important}.mini noscript{order:10}.mini .mini-assumption{order:4}.mini .mini-energy{order:3}.trust{margin-top:20px}
@media(min-width:1000px){.hero-copy{grid-column:1/-1;max-width:770px}.hero-copy h1{max-width:760px}.mini{margin-top:-30px}.solar-scene{width:85%;top:-60px;height:850px}.hero{padding-bottom:40px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}header .wrap{min-height:80px;flex-wrap:nowrap;padding:12px 0}.brand{font-size:22px;gap:7px;white-space:nowrap}.brand svg{width:29px;height:29px}nav{width:auto;gap:12px}nav>a{font-size:11px}nav .button{display:none}.hero{display:flex;flex-direction:column;gap:0;padding:22px 0 28px}.hero-copy{align-self:stretch;padding:0 0 190px}.hero .eyebrow{font-size:9px;letter-spacing:.17em;margin-bottom:12px}.hero h1{font-size:clamp(46px,8.3vw,62px);line-height:1.01;letter-spacing:-.055em;margin-bottom:14px}.hero-copy .lead{font-size:15px;max-width:330px;margin-bottom:20px}.hero-copy .button{font-size:17px;min-height:52px;padding:12px 23px}.hero-copy .small{max-width:230px;font-size:10px;margin-top:12px}.solar-scene{top:95px;right:-20px;width:calc(100% + 40px);height:485px;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 85%,transparent);object-position:center}.solar-scene img{object-position:63% center}.mini{padding:22px 20px;border-radius:22px;margin-top:0}.mini>.eyebrow{font-size:10px;letter-spacing:.18em}.mini-total strong{font-size:48px}.level-pill{font-size:10px;padding:6px 8px}.level-pill:before{width:6px;height:6px;margin-right:5px}.mini-gauge{gap:4px}.mini-gauge i{height:22px;border-radius:3px}.mini-gauge svg{width:44px;margin-left:7px}.mini-energy{font-size:12px}.mini-options label{font-size:14px;padding-inline:3px}.mini-options span{font-size:10px}.mini-options input{right:3px;width:13px;height:13px;min-height:13px}.mini-options svg{width:34px;height:37px}.mini>.button{width:100%;font-size:14px}.mini p.small{font-size:11px}.trust{font-size:11px;gap:14px}.section{padding:50px 0}.article-header,.calculator-header{padding-top:32px}.article-header h1,.calculator-header h1{font-size:40px}.article-body>p:first-child{font-size:18px}.panel,.card{padding:22px}.article-layout{gap:24px}.toc{padding:18px}.tool-output{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}
@media print{body,.panel,.card,.article-body .panel,.notice,.toc,th,td,th:first-child,td:first-child{background:white!important;color:black!important}h1,h2,h3,.eyebrow,.small,.lead{color:black!important}.solar-scene{display:none}}
.mini-unit{font-size:.52em;letter-spacing:-.03em}.hero-copy{pointer-events:auto}.solar-scene{pointer-events:none}.mini-total strong{font-variant-numeric:tabular-nums}.battery-cells i{background:var(--amber)}.fit-badge.pass{background:#83d7ad14;color:#83d7ad;border-color:#83d7ad40}.fit-badge.fail{background:#ff999414;color:#ffaaa2;border-color:#ff999440}
@media(max-width:700px){.mini-total{gap:8px}.mini-total strong{font-size:46px}.level-pill{font-size:9px}.solar-scene{mask-composite:add}}