/* SolarCostData Live: terminal board look. Colour tokens copied from DESIGN V3 (values only). */
:root{
  --green:#10b981; --green-d:#34d399; --green-l:#0e2a20; --amber:#fbbf24; --amber-d:#f59e0b;
  --navy:#e6edf7; --navy-2:#f2f6fb; --ink:#c2cdde; --muted:#9aa8bf; --faint:#8494ab;
  --line:#25324a; --bg:#0b1220; --bg2:#111d33; --bg3:#1a2740;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color-scheme:dark;
}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]){
    --green:#059669; --green-d:#047857; --green-l:#eafaf3; --amber:#f59e0b; --amber-d:#b45309;
    --navy:#15202b; --navy-2:#26313f; --ink:#414a56; --muted:#656e7b; --faint:#646d79;
    --line:#e8e4dd; --bg:#ffffff; --bg2:#faf9f6; --bg3:#f2f0e9;
    color-scheme:light;
  }
}
:root[data-theme="light"]{
  --green:#059669; --green-d:#047857; --green-l:#eafaf3; --amber:#f59e0b; --amber-d:#b45309;
  --navy:#15202b; --navy-2:#26313f; --ink:#414a56; --muted:#656e7b; --faint:#646d79;
  --line:#e8e4dd; --bg:#ffffff; --bg2:#faf9f6; --bg3:#f2f0e9;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --green:#10b981; --green-d:#34d399; --green-l:#0e2a20; --amber:#fbbf24; --amber-d:#f59e0b;
  --navy:#e6edf7; --navy-2:#f2f6fb; --ink:#c2cdde; --muted:#9aa8bf; --faint:#8494ab;
  --line:#25324a; --bg:#0b1220; --bg2:#111d33; --bg3:#1a2740;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--sans);min-width:0;overflow-wrap:anywhere}
a{color:var(--green-d);text-underline-offset:3px}
h1,h2,h3{color:var(--navy);line-height:1.2;margin:0 0 .5em}
h1{font-size:1.6rem}
h2{font-size:1.05rem}
p{margin:.4em 0}
.skip{position:absolute;left:-9999px;top:0;background:var(--bg2);color:var(--navy);padding:8px 12px;z-index:10}
.skip:focus{left:16px;top:8px}
:focus-visible{outline:2px solid var(--green-d);outline-offset:2px}

.site-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg2)}
.brand{font:700 1rem var(--mono);color:var(--navy);text-decoration:none;letter-spacing:.02em}
.nav{display:flex;flex-wrap:wrap;gap:4px 14px}
.nav a{color:var(--ink);text-decoration:none;font-size:.95rem;padding:2px 0}
.nav a:hover{color:var(--navy);text-decoration:underline}
.site-head .nav{flex:1 1 auto}
.theme-toggle{font:600 .85rem var(--mono);color:var(--navy);background:var(--bg3);border:1px solid var(--line);border-radius:6px;padding:6px 10px;cursor:pointer}

.page{padding:16px;max-width:1100px;margin:0 auto}
.page-head{margin-bottom:12px}
.lede{color:var(--muted);margin:.2em 0 0}
.byline{font:.8rem var(--mono);color:var(--faint);margin-top:6px}
.block{margin:20px 0}
.prose{margin-top:20px;max-width:68ch}
.prose h2{margin-top:1.4em}

/* data chrome */
.live-top{margin:12px 0 16px}
.freshness{font:.85rem var(--mono);color:var(--muted);margin:0}
.freshness time{color:var(--navy);font-variant-numeric:tabular-nums}
.stale-band{margin:0 0 10px;padding:10px 12px;background:var(--bg3);color:var(--navy);border-left:4px solid var(--amber);border-radius:4px}
.stale-band:empty{display:none}
.stale-band-wrap:empty{display:none}
.paused{color:var(--muted);font-style:italic}
.live-fallback{color:var(--muted);font:.9rem var(--mono);margin:0}
.disclaimer,.disclaimer-line{font-size:.85rem;color:var(--muted);margin:8px 0 0}
.live-foot{margin-top:24px;border-top:1px solid var(--line);padding-top:8px}

/* tiles and tables: monospace, tabular numerals */
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.tile{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:12px 14px;min-width:0}
.tile-h{font:600 .8rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px}
.tile-v{font:700 1.7rem/1.1 var(--mono);color:var(--navy);font-variant-numeric:tabular-nums}
.tile-v .live-fallback{font-size:.95rem}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
table{border-collapse:collapse;width:100%;font:.9rem var(--mono);font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:600}
td.num,th.num{text-align:right}
.market-links ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
.market-links{margin-top:20px}
.facts ul{padding-left:1.2em}

/* badges: Metered / Derived / Estimated */
.badge{display:inline-block;font:700 .7rem/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:3px 6px;border-radius:4px;border:1px solid currentColor;vertical-align:middle}
.badge-m{color:var(--green-d)}
.badge-d{color:var(--amber-d)}
.badge-e{color:var(--muted);border-style:dashed}

.sources{font:.85rem var(--mono);color:var(--muted)}

@media (min-width:640px){
  .hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:960px){
  .hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .market-links ul{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

.embed-kit textarea,.cite-kit textarea{width:100%;font:.8rem var(--mono);margin:.2rem 0 .6rem}
.embed-kit label,.cite-kit label{display:block;font:.8rem var(--mono);color:var(--muted)}