:root{--background:#f5f7f2;--background-strong:#e8f0eb;--foreground:#13201b;--muted:#5d6b63;--muted-strong:#36473f;--surface:#fff;--surface-soft:#f8fbf7;--surface-blue:#eef5f8;--border:#d9e3dd;--border-strong:#b7c9c0;--green:#156f5b;--green-dark:#0c483b;--blue:#285b7a;--amber:#bd6d2d;--red:#a13b2d;--shadow:0 18px 60px #1e362c1f;--radius:8px}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:linear-gradient(180deg,#e8f0ebd9 0,#f5f7f200 420px),var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}a{color:var(--green-dark);text-underline-offset:.18em}button,input{font:inherit}button{cursor:pointer}::selection{background:#156f5b33}.site-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:18px 0 0}.site-header{justify-content:space-between;align-items:center;gap:18px;padding:14px 0 26px;display:flex}.brand{color:var(--foreground);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface)url(/logo.svg) center/38px 38px no-repeat;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 6px 18px #1e362c14}.brand strong,.brand small{display:block}.brand strong{font-size:1rem;line-height:1.2}.brand small{color:var(--muted);margin-top:2px;font-size:.82rem}.primary-nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.primary-nav a{color:var(--muted-strong);border:1px solid #0000;border-radius:999px;padding:9px 12px;font-size:.92rem;font-weight:650;text-decoration:none}.primary-nav a:hover,.primary-nav a:focus-visible{border-color:var(--border-strong);color:var(--green-dark);background:#ffffffbf;outline:none}.site-footer{color:#ffffffb8;background:#07100d;width:100vw;margin:64px 0 0 calc(50% - 50vw);padding:46px max(16px,50vw - 590px) 42px}.site-footer__inner{grid-template-columns:minmax(230px,1.2fr) minmax(120px,.65fr) minmax(210px,.85fr) minmax(140px,.65fr);align-items:start;gap:clamp(22px,4vw,48px);display:grid}.site-footer__brand{align-content:start;gap:14px;display:grid}.site-footer__brand strong{color:#fff;font-size:1.05rem;display:block}.site-footer__brand p{max-width:330px;margin:6px 0 0;line-height:1.7}.site-footer__brand small{color:#ffffff85;margin-top:12px;display:block}.brand-mark--footer{box-shadow:none;background-color:#ffffff14;border-color:#ffffff2e}.footer-nav-section h2{color:#fff;letter-spacing:.08em;text-transform:uppercase;margin:0 0 13px;font-size:.82rem}.footer-link-list,.footer-guide-list{gap:9px;display:grid}.footer-link-list span{color:#ffffff8f;max-width:240px;line-height:1.55}.footer-guide-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.footer-guide-list__hub{color:#f6d19d;grid-column:1/-1;font-weight:850}.site-footer a{color:#ffffffb8;line-height:1.35;text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{color:#fff;text-underline-offset:.22em;outline:none;text-decoration:underline}.eyebrow{color:var(--amber);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.lead{color:var(--muted-strong);font-size:clamp(1.05rem,1vw + .9rem,1.25rem);line-height:1.65}.calculator{margin-top:8px}.calculator__hero{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);align-items:stretch;gap:22px;display:grid}.calculator__copy,.calculator__summary,.assumption-panel,.results-panel,.content-section,.content-card,.source-panel,.callout{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffe0}.calculator__copy{flex-direction:column;justify-content:center;min-height:340px;padding:clamp(28px,5vw,58px);display:flex}.calculator__copy h1{max-width:770px;color:var(--foreground);letter-spacing:0;text-wrap:balance;margin:12px 0 0;font-size:clamp(2.3rem,5vw,5.4rem);font-weight:850;line-height:.95}.calculator__copy .lead{max-width:650px;margin:22px 0 0}.trust-strip{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.trust-strip span{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted-strong);border-radius:999px;padding:8px 10px;font-size:.86rem;font-weight:700}.calculator__summary{gap:12px;padding:14px;display:grid}.result-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:7px;padding:18px;display:grid}.result-card--featured{background:linear-gradient(135deg,var(--green-dark),var(--blue));color:#fff}.result-card span,.metric span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.83rem;font-weight:800}.result-card--featured span,.result-card--featured p{color:#ffffffd1}.result-card strong{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1}.result-card p{color:var(--muted);margin:0;line-height:1.45}.metric-positive{color:var(--green-dark)}.metric-negative{color:var(--red)}.scenario-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.scenario-button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--foreground);text-align:left;gap:4px;padding:14px;display:grid}.scenario-button:hover,.scenario-button:focus-visible{border-color:var(--green);outline:none}.scenario-button span{font-weight:800}.scenario-button small{color:var(--muted);line-height:1.35}.calculator__workspace{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);align-items:start;gap:18px;display:grid}.assumption-panel,.results-panel{padding:clamp(18px,3vw,26px)}.panel-heading{margin-bottom:18px}.panel-heading h2{margin:5px 0 0;font-size:clamp(1.5rem,2vw,2rem)}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-grid--battery{margin-top:16px}.field{min-width:0}.field__label-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.field label{color:var(--foreground);font-weight:760}.text-button{color:var(--green-dark);text-underline-offset:.2em;background:0 0;border:0;padding:0;font-size:.82rem;font-weight:800;text-decoration:underline}.number-input{border:1px solid var(--border-strong);border-radius:var(--radius);min-height:46px;color:var(--foreground);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.number-input span{color:var(--muted);padding:0 10px;font-size:.9rem;font-weight:800}.number-input input{width:100%;min-width:0;color:var(--foreground);border:0;outline:none;padding:12px 10px;font-size:1rem;font-weight:720}.number-input:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #156f5b24}.range-input{width:100%;accent-color:var(--green);margin-top:10px}.field__help{color:var(--muted);margin:8px 0 0;font-size:.88rem;line-height:1.45}.battery-control{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:16px;display:flex}.battery-control h3,.monthly-bars h3,.source-box h3{margin:0;font-size:1rem}.battery-control p,.monthly-bars p{color:var(--muted);margin:4px 0 0;line-height:1.45}.segmented-control{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(2,minmax(110px,1fr));display:inline-grid;overflow:hidden}.segmented-control button{color:var(--muted-strong);background:0 0;border:0;padding:11px 12px;font-weight:800}.segmented-control button[aria-pressed=true]{background:var(--green-dark);color:#fff}.energy-flow{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);gap:11px;padding:15px;display:grid}.energy-flow__top,.energy-flow__legend{justify-content:space-between;gap:12px;display:flex}.energy-flow__top span{color:var(--muted);font-weight:800}.energy-flow__bar{background:#dde7e1;border-radius:999px;height:15px;display:flex;overflow:hidden}.energy-flow__bar span{width:var(--flow-width)}.energy-flow__self{background:var(--green)}.energy-flow__export{background:var(--blue)}.energy-flow__legend{color:var(--muted-strong);font-size:.88rem}.legend-dot{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.legend-dot--self{background:var(--green)}.legend-dot--export{background:var(--blue)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.metric{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px}.metric strong{margin-top:6px;font-size:1.2rem;display:block}.comparison-table{gap:6px;margin-top:14px;display:grid}.comparison-table__head,.comparison-table__row{border-radius:var(--radius);grid-template-columns:1fr 1fr .9fr;align-items:center;gap:8px;padding:10px 12px;display:grid}.comparison-table__head{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:850}.comparison-table__row{border:1px solid var(--border);background:var(--surface)}.monthly-bars{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-blue);gap:14px;margin-top:14px;padding:14px;display:grid}.monthly-bars__chart{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:5px;height:112px;display:grid}.monthly-bars__item{text-align:center;grid-template-rows:1fr auto;align-items:end;gap:5px;height:100%;display:grid}.monthly-bars__item span{width:100%;height:var(--bar-height);background:linear-gradient(180deg,var(--amber),var(--green));border-radius:4px 4px 0 0;min-height:8px;display:block}.monthly-bars__item small{color:var(--muted);font-size:.68rem;font-weight:800}.source-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:14px;padding:14px}.source-panel{margin-top:26px;padding:clamp(22px,4vw,34px)}.source-box ul,.source-panel ul{gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.source-box li,.source-panel li{gap:3px;display:grid}.source-box a,.source-panel a{font-weight:800}.source-box span,.source-panel span{color:var(--muted);font-size:.9rem;line-height:1.45}.source-panel h2{margin:6px 0 0;font-size:clamp(1.6rem,3vw,2.4rem)}.guide-hub-hero{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,#0c483bf0,#285b7ae6),var(--green-dark);color:#fff;box-shadow:var(--shadow);padding:clamp(28px,6vw,64px)}.guide-hub-hero .eyebrow{color:#f6d19d}.guide-hub-hero h1,.guide-article__header h1{text-wrap:balance;max-width:900px;margin:12px 0 0;font-size:clamp(2.35rem,5vw,5.2rem);line-height:.98}.guide-hub-hero .lead{color:#ffffffdb;max-width:760px}.guide-category-strip{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.guide-category-strip span,.guide-card__meta{border:1px solid var(--border);background:var(--surface);color:var(--muted-strong);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:820}.featured-guides,.guide-list-section,.related-guides{margin-top:30px}.featured-guides h2,.guide-list-section h2,.related-guides h2{margin:0 0 14px;font-size:clamp(1.6rem,3vw,2.4rem)}.featured-guide-grid,.guide-list{gap:12px;display:grid}.featured-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card{border:1px solid var(--border);border-radius:var(--radius);min-height:190px;color:inherit;background:#ffffffe0;align-content:start;gap:12px;padding:20px;text-decoration:none;display:grid;box-shadow:0 12px 38px #1e362c14}.guide-card:hover,.guide-card:focus-visible{border-color:var(--green);outline:none}.guide-card--featured{min-height:245px}.guide-card strong{color:var(--foreground);text-wrap:balance;font-size:clamp(1.22rem,2vw,1.7rem);line-height:1.08}.guide-card p{color:var(--muted-strong);margin:0;line-height:1.58}.guide-card__meta{background:var(--surface-soft);color:var(--green-dark);justify-self:start}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 18px;font-size:.92rem;display:flex}.breadcrumb a{font-weight:760}.guide-article{max-width:900px}.guide-article__header{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffe0;padding:clamp(24px,5vw,48px)}.guide-article__header .lead{margin:18px 0 0}.guide-takeaways,.guide-sources,.guide-body-section{border:1px solid var(--border);border-radius:var(--radius);background:#ffffffe0;margin-top:18px;padding:clamp(18px,3vw,28px)}.guide-takeaways{background:var(--surface-blue)}.guide-takeaways h2,.guide-sources h2,.guide-body-section h2{margin:0 0 12px;font-size:clamp(1.35rem,2.5vw,2rem)}.guide-body-section p,.guide-takeaways li,.guide-body-section li,.guide-sources li{color:var(--muted-strong);line-height:1.75}.guide-body-section p{margin:0}.guide-body-section p+p{margin-top:12px}.guide-body-section ul,.guide-takeaways ul{margin:0;padding-left:1.2rem}.guide-body-section p+ul{margin-top:14px}.guide-sources ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.guide-sources li{gap:3px;display:grid}.guide-sources a{font-weight:800}.guide-sources span{color:var(--muted)}.content-section{margin-top:26px;padding:clamp(22px,4vw,38px)}.content-section h2,main>h1{text-wrap:balance;margin:0;font-size:clamp(2rem,4vw,3.8rem);line-height:1}.content-section h3,main>h2{margin:30px 0 10px;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.15}.content-section p,main>p,main li{color:var(--muted-strong);line-height:1.75}.content-section p{max-width:850px}main>h1,main>p,main>h2,main>ul,main>ol,main>table{max-width:860px}main>h1{margin-top:18px}main>p{font-size:1.05rem}main>ul,main>ol{padding-left:1.25rem}main li+li{margin-top:8px}.link-grid,.takeaway-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.content-card{color:inherit;align-content:start;gap:8px;padding:18px;text-decoration:none;display:grid}.content-card:hover,.content-card:focus-visible{border-color:var(--green);outline:none}.content-card strong{color:var(--foreground);font-size:1.08rem}.content-card span{color:var(--muted);line-height:1.55}.faq-list{gap:10px;margin-top:18px;display:grid}.faq-list details{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px 16px}.faq-list summary{color:var(--foreground);cursor:pointer;font-weight:800}.faq-list p{color:var(--muted-strong);margin:10px 0 0;line-height:1.65}.takeaway-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.takeaway{border-top:3px solid var(--green);background:var(--surface-soft);border-radius:var(--radius);padding:16px}.takeaway:nth-child(2){border-top-color:var(--blue)}.takeaway:nth-child(3){border-top-color:var(--amber)}.takeaway:nth-child(4){border-top-color:var(--green-dark)}.takeaway strong{font-size:1.6rem;display:block}.takeaway span{color:var(--muted);margin-top:5px;line-height:1.45;display:block}.callout{background:var(--surface-blue);max-width:860px;margin:24px 0;padding:18px}.callout p{margin:0}table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius);width:100%;margin:18px 0;overflow:hidden}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px}th{background:var(--surface-soft);color:var(--foreground);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}tr:last-child td{border-bottom:0}@media (max-width:920px){.site-header,.battery-control{flex-direction:column;align-items:stretch}.site-footer__inner{grid-template-columns:1fr 1fr}.site-footer__brand,.footer-nav-section--guides{grid-column:1/-1}.primary-nav{justify-content:flex-start}.calculator__hero,.calculator__workspace,.link-grid,.takeaway-grid,.featured-guide-grid,.guide-list{grid-template-columns:1fr}.calculator__copy{min-height:auto}}@media (max-width:620px){.site-shell{width:min(100% - 22px,1180px);padding-top:10px}.brand small{display:none}.primary-nav{gap:6px}.primary-nav a{padding:8px 10px}.scenario-bar,.field-grid,.metric-grid{grid-template-columns:1fr}.segmented-control{width:100%}.comparison-table__head,.comparison-table__row{grid-template-columns:1fr}.monthly-bars__chart{gap:3px}.site-footer{padding-top:34px}.site-footer__inner,.footer-guide-list{grid-template-columns:1fr}.site-footer__brand{gap:11px}}