/* Grid Costs landing page, extending the original Grid Signal control-room styling. */
.cost-hero{padding:65px 0 40px;max-width:970px}.cost-hero h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(38px,5vw,69px);line-height:1.14;letter-spacing:-2.6px;font-weight:600;margin:21px 0}.cost-hero h1 em{font-style:normal;color:var(--teal)}.cost-hero .lead{max-width:710px;font-size:15px}.hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.hero-chips span{font-size:10px;font-weight:700;letter-spacing:.3px;color:#a8c1c9;padding:9px 12px;border:1px solid #30414e;border-radius:50px;background:#14202c}.cost-metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px;margin:0 0 17px}.cost-metric{padding:26px 24px;min-height:215px;border:1px solid #293749;border-radius:12px;background:linear-gradient(135deg,#142031,#0e1623)}.cost-metric.emphasized{background:linear-gradient(135deg,#173856,#112338);border-color:#33628b}.cost-metric strong{display:block;font:600 clamp(32px,4vw,52px)/1.1 'Space Grotesk',Arial,sans-serif;margin:34px 0 14px;letter-spacing:-1.8px}.cost-metric p{font-size:12px;color:#99adbf;line-height:1.6;margin:0}.cost-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.cost-body.lower{grid-template-columns:1fr 1fr}.cost-body>.panel{padding:30px;min-height:340px}.cost-body h2,.next-panel h2{font:600 25px/1.22 'Space Grotesk',Arial,sans-serif;letter-spacing:-.8px;margin:12px 0}.household-panel{background:linear-gradient(140deg,#172a33,#111927)}.household-main{display:flex;align-items:center;gap:18px;margin:24px 0}.household-main strong{font:600 clamp(40px,5vw,70px)/1 'Space Grotesk',Arial,sans-serif;color:var(--teal);letter-spacing:-2px}.household-main span{color:#b5c9d0;font-size:12px;max-width:155px;line-height:1.6}.method-p,.explainer-panel p,.next-panel p{line-height:1.8;color:#9fb1c0;font-size:12px}.method-p b,.explainer-panel b{color:#e8f0f6}.household-formula{border-top:1px solid #334151;margin-top:23px;padding-top:16px;display:flex;flex-direction:column;gap:12px}.household-formula div{display:flex;justify-content:space-between;gap:12px;align-items:center}.household-formula span{color:#91a3b5;font-size:11px}.household-formula b{font-size:11px;text-align:right}.smallnote,.section-sub{font-size:11px;color:#859bae;line-height:1.7}.smallnote{margin-top:18px}.section-sub{margin:0 0 20px}.cost-breakdown{display:flex;flex-direction:column;gap:19px;margin-top:26px}.cost-row-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:9px;font-size:12px}.cost-row-head span{color:#b8c6d3}.cost-row-head strong{font-size:12px}.cost-bar{height:7px;background:#25384a;border-radius:99px;overflow:hidden}.cost-bar i{display:block;height:100%;background:#75a9e7;border-radius:99px}.source-line{border-top:1px solid #2c3b4f;padding-top:16px;margin-top:27px;color:#8297a9;font-size:11px}.inline-link{font-size:11px;font-weight:700;color:var(--teal);display:inline-block;margin-top:12px}.daily-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;border-bottom:1px solid #2c3b4f;padding:12px 0;align-items:center;font-size:12px}.daily-row .date{color:#9aafc1}.daily-row .count{font-size:10px;color:#8a9eaf}.daily-row b{font-size:14px}.daily-empty{font-size:11px;color:#a4b2c0}.next-panel{padding:27px 30px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,#162d48,#101d2a)}.next-panel p{margin-bottom:0}.action-button{white-space:nowrap;border:1px solid #5794cc;border-radius:7px;background:#285f98;color:#07192a;font-size:11px;font-weight:800;padding:16px 20px;letter-spacing:.5px}.action-button:hover{background:#5794cc}.nav-active{color:var(--teal)}
@media(max-width:900px){.cost-metrics{grid-template-columns:repeat(2,1fr)}.cost-metric.emphasized{grid-column:span 2}.cost-body,.cost-body.lower{grid-template-columns:1fr}.cost-body>.panel{min-height:unset}}@media(max-width:580px){.cost-hero{padding:43px 0 33px}.cost-hero h1{font-size:38px;letter-spacing:-1.6px}.cost-hero .lead{font-size:13px}.cost-metrics{gap:10px}.cost-metric,.cost-metric.emphasized{grid-column:auto;padding:18px;min-height:173px}.cost-metric.emphasized{grid-column:span 2;min-height:175px}.cost-metric strong{font-size:35px;margin:25px 0 11px}.cost-metric p{font-size:10px}.cost-metric .micro-label{font-size:8px}.cost-body>.panel{padding:23px 20px}.cost-body h2{font-size:22px}.next-panel{align-items:flex-start;flex-direction:column;padding:22px}.next-panel .action-button{display:block;width:100%;text-align:center}.household-main strong{font-size:54px}.site-header .header-right{gap:9px}.site-header .header-link{display:block;font-size:8px;letter-spacing:0}.site-header #cost-pill{display:none}}

/* v0.4: prevent currency values from forcing metric columns wider than the viewport */
.cost-metrics{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));min-width:0}
.cost-metric,.cost-body>*{min-width:0;max-width:100%;box-sizing:border-box}
.cost-metric strong{font-size:clamp(25px,3.2vw,48px);overflow-wrap:anywhere;word-break:normal;letter-spacing:-.065em}
.cost-metric p{overflow-wrap:anywhere}
.household-costs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}
.household-main{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:16px 0}
.household-main+.household-main{border-left:1px solid #334151;padding-left:19px}
.household-main strong{font-size:clamp(30px,3.5vw,52px);overflow-wrap:anywhere;max-width:100%}
.household-main span{max-width:unset;font-size:11px}
.coverage-note{font-size:11px;line-height:1.6;color:#91a7b8;margin:8px 0 18px}
@media(max-width:900px){.cost-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){
 .cost-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cost-metric{padding:15px 13px;min-height:156px}
 .cost-metric.emphasized{grid-column:1/-1;min-height:165px}
 .cost-metric strong{font-size:clamp(24px,7vw,35px);margin:20px 0 12px;letter-spacing:-.055em}
 .cost-metric p{font-size:10px;line-height:1.5}
 .cost-metric .micro-label{font-size:8px;line-height:1.5;letter-spacing:.35px}
 .household-costs{grid-template-columns:1fr;gap:0}
 .household-main{padding:12px 0 14px}
 .household-main+.household-main{border-left:0;border-top:1px solid #334151;padding-left:0}
 .household-main strong{font-size:47px}
}