/* =============================================================================
   theme.css  ·  digging 4 natgas
   -----------------------------------------------------------------------------
   THIS SITE ONLY - its palette, and anything it does differently from the
   family. Loads AFTER digging-network.css.
   ============================================================================= */

:root{
  --ink:#06090C; --panel:#0E141B; --panel2:#131B23;
  --border:rgba(46,127,194,.16); --border-soft:rgba(46,127,194,.09);
  --gold:#2E7FC2; --gold-hi:#5FB1EE; --gold-deep:#1C4E7E;
  --text:#E5EBF1; --mute:#8FA0B0; --faint:#5E6E7D;
  --bear:#E4572E; --neutral:#83919E; --up:#57C97B;
  --gold-grad:linear-gradient(90deg,#1C4E7E,#2E7FC2,#5FB1EE);
  --bear-grad:linear-gradient(90deg,#7A2E18,#E4572E);
  --up-grad:linear-gradient(90deg,#2F9159,#57C97B,#8AE6AF);
}

/* ---- this site differs from the family here ---- */
body{
  background:radial-gradient(1200px 500px at 50% -220px, rgba(46,127,194,.10), rgba(0,0,0,0)), var(--ink);
  color:var(--text);
  font-family:'Archivo',system-ui,sans-serif;
  font-size:14px; line-height:1.45;
  min-height:100vh;
}
::-webkit-scrollbar-thumb{background:rgba(46,127,194,.25);border-radius:8px}
.brand-au{width:38px;height:38px;border-radius:10px;background:var(--gold-grad);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:17px;color:#0A1B2B;box-shadow:0 2px 14px rgba(46,127,194,.35)}
.tab.is-on{color:var(--gold-hi);background:rgba(46,127,194,.10);border-color:var(--border)}
.chip-reg{font-size:9px;letter-spacing:.08em;padding:1px 5px;border-radius:6px;color:var(--mute);border:1px solid rgba(143,160,176,.3)}
.chip-hz{font-size:10px;padding:1px 7px;color:var(--mute);border:1px solid rgba(143,160,176,.3)}
.driver-track{flex:1;height:6px;border-radius:99px;background:#1C2733;overflow:hidden}
.tl-line{position:absolute;left:5px;top:4px;bottom:4px;width:1px;background:rgba(46,127,194,.22)}
.fbtn-sm.is-on{color:var(--gold-hi);border-color:var(--border);background:rgba(46,127,194,.10)}
.setup .brand-au{width:72px;height:72px;border-radius:18px;font-size:30px;box-shadow:0 8px 40px rgba(46,127,194,.35)}
.split-track{display:flex;height:12px;border-radius:99px;overflow:hidden;background:#1C2733;margin-top:8px}
.big-impact .track{flex:1;height:8px;border-radius:99px;background:#1C2733;overflow:hidden}
.read-btn{margin-top:24px;display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:10px 16px;font-weight:600;font-size:13px;background:var(--gold-grad);color:#06121D;text-decoration:none}
.drawer-link.is-on{color:var(--gold-hi);background:rgba(46,127,194,.08)}

/* ---- this site differs from the family here ---- */
/* Technicals cross-link to Charting 4 NatGas (mirrors Charting's Fundamentals button; same rules as gold's v48) */
.tabs{flex:1 1 100%;align-items:center}
.fund-row{display:flex;margin-left:auto;align-self:center}
.fund-link{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border:1px solid var(--gold);border-radius:999px;background:rgba(95,177,238,.08);font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.14em;color:var(--gold-hi);text-decoration:none}
.fund-link:hover{background:rgba(95,177,238,.16)}
@media(max-width:640px){.fund-row{display:none}}
.drawer-link[href*="charting4natgas"]{color:#fff}
/* the sidebar banner for the technical twin: the shared sheet tints .promo-c4g gold, this desk's twin is blue */
.promo-logo-c4g{background:#0A1219;border:1.5px solid #2E7FC2}
.promo-c4g{background:radial-gradient(130% 150% at 50% -45%,rgba(46,127,194,.34),rgba(0,0,0,0) 58%),var(--panel2);border-color:rgba(46,127,194,.5)}
.promo-c4g:hover{box-shadow:0 6px 22px rgba(46,127,194,.22)}
.promo-c4g::after{background:linear-gradient(105deg,transparent,rgba(229,235,241,.13),transparent)}
.promo-c4g .promo-txt i{color:#5FB1EE;font-style:normal}