/* =============================================================================
   theme.css  ·  charting 4 silver
   -----------------------------------------------------------------------------
   THIS SITE ONLY - its palette. Loads AFTER charting-network.css.
   Palette = the Digging 4 Silver theme, so the two silver desks match.
   --faint is lifted from digging's #646C75 (3.4:1 on the panel) to #79818A
   (4.6:1), the same readability floor charting 4 gold applies to its own
   --faint, and still a clear step below --mute.

   The shared sheet carries no colour of its own: every tint it mixes comes
   from the variables below. The second block exists because CSS cannot pull
   channels out of a hex colour - rgba(var(--gold-rgb),.10) needs the triplet.
   A new sister desk changes THIS file and nothing else.
   ============================================================================= */

:root{
  --ink:#08090B; --panel:#131518; --panel2:#191C20;
  --border:rgba(169,180,191,.16); --border-soft:rgba(169,180,191,.09);
  --gold:#A9B4BF; --gold-hi:#DDE4EA; --gold-deep:#6E7680;
  --text:#E8ECEF; --mute:#97A0A9; --faint:#79818A;
  --bear:#E4572E; --neutral:#8A9199; --up:#57C97B;
  --gold-grad:linear-gradient(90deg,#6E7680,#A9B4BF,#DDE4EA);
  --bear-grad:linear-gradient(90deg,#7A2E18,#E4572E);
  --up-grad:linear-gradient(90deg,#2F9159,#57C97B,#8AE6AF);

  /* channel triplets for the alpha tints (accent glows, borders, scrims) */
  --gold-rgb:169,180,191; --gold-hi-rgb:221,228,234;
  --text-rgb:232,236,239; --mute-rgb:151,160,169; --ink-rgb:8,9,11;
  --up-rgb:87,201,123;   /* the school's green, for the desk-to-hub links */
  /* dark ink drawn ON an accent-filled surface (buttons, badges, active tabs) */
  --on-accent:#0E1114; --brand-ink:#14171A;
  /* the quieter greys the mobile shell and promo cards use */
  --track:#232830; --faint-deep:#4F565E; --text-soft:#BCC4CC; --text-hi:#F0F3F6;
  --link-soft:#8B9299; --grab:#31363C;
  --m-nav:#101215; --m-sheet:#141619; --m-hdr:#0D0F12;
  --sbar-bear-mid:#745652; --sbar-up-mid:#527C68;
  /* accent-filled controls and the network promo card */
  --gold-btn:linear-gradient(180deg,#C8D0D7,#9CA7B2);
  --badge:#B6C0C9; --logo-grad:linear-gradient(180deg,#E6EBEF,#7F8A94);
}

/* =============================================================================
   SITE WIDGET RULES - sessions panel (.ss-*) and session read (.amd-*)
   -----------------------------------------------------------------------------
   Carried over from charting 4 gold's theme.css (ported there from the retired
   style.css on 24 Aug 2026): the index loads only charting-network.css +
   theme.css, and these widgets' layout rules live at the site layer.
   ============================================================================= */
.ss-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.ss-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-soft)}
.ss-row:last-child,.ss-row.ss-end{border-bottom:0;padding-bottom:0}
.ss-dot{width:8px;height:8px;border-radius:50%;background:var(--border-soft);flex-shrink:0}
.ss-on{background:var(--up,#5ec478);box-shadow:0 0 8px rgba(94,196,120,.5);animation:ssPulse 2s ease-in-out infinite}
.ss-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ss-main b{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.12em;color:var(--text)}
.ss-main span{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.03em;color:var(--faint)}
.ss-chg{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:700;flex-shrink:0;display:inline-flex;align-items:baseline;gap:5px}
.ss-na{color:var(--faint);font-weight:400}
.ss-hl{display:block;margin-top:2px;font-family:'IBM Plex Mono',monospace;font-size:9.5px;color:var(--faint);letter-spacing:.03em}
.amd-step{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--border-soft)}
.amd-step:last-of-type,.amd-step.amd-end{border-bottom:0}
.amd-rail{flex:0 0 10px;display:flex;flex-direction:column;align-items:center;padding-top:5px}
.amd-pip{width:9px;height:9px;border-radius:50%;border:1px solid var(--grab);flex:0 0 auto}
.amd-ln{flex:1;width:1px;background:var(--border-soft);margin-top:3px;min-height:14px}
.amd-body{flex:1;min-width:0}
.amd-t{font-size:13px;color:var(--text)}
.amd-sess{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.1em;color:var(--faint);margin-left:8px;white-space:nowrap}

/* the sister desks: a live one in the mobile switcher is a link and must keep looking like the tile it
   replaces; the desktop switcher shows the three unbuilt desks dimmed rather than as dead links */
a.m-sw{text-decoration:none;color:inherit}
.ms-opt.is-soon{opacity:.4;cursor:default}
.ms-opt.is-soon:hover{background:none;color:var(--mute)}

/* PHONE TAP TARGETS. A fold's closed state is a thing you hit with a thumb, and 33-35px is under what a
   finger reliably lands on. Five more top and bottom on every fold's summary - the sidebar's and the
   footer's alike - which leaves the type and the caret exactly where they were. It lives at the end of
   the LAST sheet the page loads, because the fold rules exist in both sheets and the later copy wins. */
@media(max-width:900px){
  .amd-key > summary,.prox-key summary,.ind-key summary{padding-top:14px;padding-bottom:14px}
  .m-about-h{padding-top:14px;padding-bottom:14px}
}