/* ═══════════════════════════════════════════════════════════════════════
   coaching.css — /coaching/. Loaded after works.css and agents.css, which
   supply the shell (cards, faq, form) and the plan/steps styling shared by
   the three sales pages. This file only re-points the accent: amber, so the
   page reads as the foundation under the three units rather than as one of
   them — kin to the research page's gold, but alive, because this one sells.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --acc:#E6B450;
  --acc-line:rgba(230,180,80,.5);
  --acc-glow:rgba(230,180,80,.18);
  --tint:#E6B450;
}
.brief{background:radial-gradient(120% 140% at 12% 0%,rgba(230,180,80,.12) 0%,transparent 62%),rgba(255,255,255,.03)}
.qs{margin:0;padding:0;list-style:none;display:grid;gap:12px;max-width:44em;counter-reset:q}
.qs li{counter-increment:q;position:relative;padding:18px 22px 18px 58px;border:1px solid var(--line);border-radius:14px;
  background:rgba(255,255,255,.028);font-size:clamp(14.5px,1.45vw,16px);line-height:1.9;color:var(--ink)}
.qs li::before{content:counter(q,decimal-leading-zero);position:absolute;left:20px;top:19px;
  font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;color:var(--acc)}
.qs li small{display:block;margin-top:6px;font-size:12.5px;line-height:1.8;color:var(--ink-dim)}
/* Prose that sits on the brightest band of this page's aurora. */
.note{color:var(--ink-dim)}
/* The 02 sheet sits on that same bright band. agents.css sets the brief's
   date and the row asides in --ink-dim, which vanishes there (the HANDOFF
   gotcha) — lift both to --ink-mid on this page. */
.brief-head span{color:var(--ink-mid)}
.brief-row span em{color:var(--ink-mid)}
.plan .meta{color:var(--ink-dim)}