/* Forecast appearance follows the dashboard; light mode uses shared theme.css. */
:root {
  color-scheme:dark;
  --bg:#101211; --bg2:#101211; --card:#191c18; --border:#343a30;
  --text:#d3d6cd; --text-muted:#a5ad9e; --text-dim:#a5ad9e;
  --gold:#e5c47c; --gold-bright:#f1d79e; --green:#42c88a; --red:#f07886;
}
.nav { background:var(--bg); backdrop-filter:none; }
.nav-inner,.wrap { max-width:1200px; }
.nav-inner { gap:20px; min-height:68px; }
.nav-logo { font-weight:600; letter-spacing:-.4px; }
.nav-links { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.nav-links a { margin:0; }
.nav-links button { border:1px solid var(--border); border-radius:8px; background:var(--card); color:var(--text); padding:8px 12px; font:inherit; font-size:13px; cursor:pointer; min-height:40px; }
.wrap { padding-top:28px; }
h1 { font-size:clamp(26px,3.3vw,38px); font-weight:600; letter-spacing:-1px; line-height:1.25; }
h2 { font-size:21px; font-weight:600; }
.signal-hero,.cta-card { background:var(--card); border-radius:12px; padding:24px; }
.signal-hero h2:first-child { margin-top:0; }
.level { background:var(--bg); }
.level-label { letter-spacing:.06em; }
.level-value,.side-pill { font-weight:600; }
.signal-hero p { overflow-wrap:anywhere; }
.nav-cta,.cta-btn { color:#101211!important; background:#e5c47c; border-radius:8px; }
a:focus-visible,button:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
@media(max-width:640px) {
  .nav-inner { padding:12px 16px; flex-wrap:wrap; gap:12px; }
  .nav-links { gap:12px; }
  .wrap { padding:24px 16px 40px; }
  .signal-hero,.cta-card { padding:18px; }
  .levels { grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); }
}