/* =========================================================================
   overview-page — page styles for /overview. v0.2 (2026-06-12).
   Sources tokens from webshield-navy.css. Composes shared chrome, the
   compact-hero variant --portal, universal-card, and
   cross-reference-callout — all read-only from this page's perspective.
   v0.2 integrates Claude Design "proposal 1" (see brief-overview.md
   v0.3); reviewed against the locked copy/link constraints before merge.

   DELTA FROM v0.1:
   Beat 7 (#paths):
     • .ws-start-grid-2 (2×2 path grid) → .ws-start-paths (four stacked
       full-width .ws-uc ledger rows; see "Path cards" block)
     • .ws-start-path + __kicker / __time / __quote — new path-card
       variant of .ws-uc (rail = decision data, column = argument)
     • .ws-start-steps — upgraded to hairline mini-ledger rows at body
       size, measure-capped at 720px
     • .ws-start-prenote / .ws-start-leave — measure-capped, leave-line
       bumped 14→15px
     • 720px: path rail collapses to a horizontal meta row
   Page pacing (all sections):
     • .ws-start-section__meta + __beat — mono "NN / 10" position marker
       in every section's eyebrow row, hairline running to the wrap edge
   Hero (Beat 1):
     • .ws-start-hero-sub2 — ¶2 demoted to the footnote register (15px
       italic serif over a gold hairline); ¶1 keeps the canonical dek
   Jump band:
     • .ws-start-skipmap — non-linked mini-map of the five beats the
       #paths jump skips (mono ordinals + section eyebrows verbatim),
       so the jump is informed, not blind
   Catalyst + Accelerators (Beats 5–6):
     • .ws-start-prose--lead — existing bold lead-in sentences become
       block run-in subheads (serif 600, own line, extra air above)
   Doc map (Beat 8):
     • .ws-start-docs__access--gated — dashed faint chip for the two
       listed-but-not-linked rows
   Everything else is byte-identical to v0.1.

   /start is the site's FIRST-CONTACT / ONBOARDING page: long-form
   orientation prose + four ledger lists + three card grids. Section
   scaffolding mirrors documents-page.css values (ws-start- prefix, not
   shared) so the pages stay visually consistent while remaining
   decoupled — same rationale as documents-page.css / methodology-page.css:
   a spacing change on one must not silently move the others.

   Page-specific vocabulary:
     • section scaffolding (.ws-start-section* + eyebrow / title / intro)
       — __title--follow lets one section carry a second titled sub-block
       (Beat 2: problem → unlock)
     • body prose (.ws-start-prose) — long-form register, as .ws-meth-prose
     • four-row ledger (.ws-start-minute) — mono "NN / 04" ordinal rail,
       serif term, sans descriptor; rhythm mirrors .ws-meth-topics.
       Used twice (Beat 3 foundations, Beat 4 AI) — both are 4-row lists.
     • pull quote (.ws-start-quote) — Beat 6 CLP ownership quote
     • CC highlight card (.ws-start-cc) — "Start now — it takes one CC".
       Mirrors the .ws-xref--card surface treatment but sits ON the
       --surface band, so it uses --ws-surface fill (card-on-tint, like
       .ws-uc) rather than surface-2-on-page.
     • path cards (.ws-start-paths stack; .ws-start-path variant of .ws-uc
       + __kicker / __time / __quote, with .ws-start-prenote /
       .ws-start-steps / .ws-start-leave) — four full-width ledger rows
     • doc-map ledger (.ws-start-docs) — "DOC · NN / 07" rail, serif
       title, sans "read it when", mono access chip
     • key-terms ledger (.ws-start-terms) — definition list, mono term rail
     • grid (.ws-start-grid-3) — 3-up card rows, collapse to 1fr at
       720px (site convention, as .ws-doc-grid)

   See brief-overview.md (composition + link map + gating constraints);
   content source of truth: docs/start-here-copy-2026-06-11.md.
   ========================================================================= */

/* ── Hero · dek hierarchy (S-3 hero split · proposal 1, focus 3) ────
   v0.1 set both dek ¶s at the same italic lede register — an
   undifferentiated nine-line block under the title. ¶1 (the
   definition) keeps the canonical dek treatment untouched; ¶2 (the
   qualifier) steps down to the page's footnote register — 15px italic
   serif over a gold hairline, the .ws-uc__umap / .ws-start-leave
   vocabulary — with its bold opener upright in ink. Values mirrored
   here, not edited in compact-hero.css (read-only). */
.ws-start-hero-sub2 {
  margin-top: 18px;
  padding-top: 16px;
  border-top: var(--ws-rule-hair) solid var(--ws-accent);
  font-size: 15px;
  line-height: 1.65;
  max-width: 620px;
}
.ws-start-hero-sub2 strong {
  color: var(--ws-ink);
  font-style: normal;
}

/* Hero roles summary — names the three roles up front (Rich, 2026-06-14)
   so the strip's QPN Architecture / Accelerators / Catalyst read clearly
   before Beat 5. Sits between the dek (¶1) and the sub2 footnote; same
   footnote size, no gold rule (the sub2 below carries the divider). */
.ws-start-hero-roles {
  margin-top: 16px;
  font-size: 15px;
  line-height: 1.65;
  max-width: 620px;
}
.ws-start-hero-roles strong {
  color: var(--ws-ink);
  font-style: normal;
}

/* ── Jump-band mini-map · .ws-start-skipmap (proposal 1) ───────────
   Sits inside the .ws-xref--card jump band, between the copy and the
   "Choose your path" action: a clickable strip of the six content
   sections (02-07) the #paths jump skips. Mono ordinals +
   section eyebrows reused verbatim — the jumper sees the narrative
   they're skipping, and the "NN / 11" beat markers they land on
   connect back to this strip. Each item is an in-page jump link to its
   section anchor (Rich, 2026-06-14 — superseded the original gated,
   non-clickable treatment). */
.ws-start-skipmap {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  row-gap: 6px;
  margin: 14px 0 16px;
  padding: 12px 0 0;
  border-top: var(--ws-rule-hair) solid var(--ws-rule-faint);
}
.ws-start-skipmap > li {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  font-family: var(--ws-font-body);
  font-size: var(--ws-fs-label);
  letter-spacing: var(--ws-tracking-label);
  text-transform: uppercase;
  font-weight: 600;
  color: var(--ws-ink-muted);
  white-space: nowrap;
}
.ws-start-skipmap > li + li::before {
  content: "·";
  color: var(--ws-ink-faint);
  margin: 0 10px;
}
.ws-start-skipmap__ord {
  font-family: var(--ws-font-mono);
  font-size: var(--ws-fs-micro);
  letter-spacing: var(--ws-tracking-mono);
  font-weight: 500;
  color: var(--ws-accent);
}
/* Each item links to its section anchor. It keeps the strip's ink-muted
   label + gold ordinal (color:inherit overrides .ws-xref a's all-gold)
   and the strip's 600 weight, while adopting the jump band's gold
   underline (border-bottom, inherited from .ws-xref a) so it reads as
   clickable at rest. Hover darkens the label; .ws-xref a:hover brightens
   the underline. The ordinal stays gold via .ws-start-skipmap__ord. */
.ws-start-skipmap a {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  color: inherit;
  font-weight: 600;
  transition: color 120ms ease;
}
.ws-start-skipmap a:hover,
.ws-start-skipmap a:focus-visible {
  color: var(--ws-ink);
}
/* (The destination-beat rule was removed when the paths section left the
   strip — it's now reached via the "Choose your path" action. Rich, 2026-06-14.) */

/* ── Section scaffolding · mirrors .ws-doc-section* ──────────────── */
.ws-start-section {
  background: var(--ws-page);
  padding: 64px 0 56px;
  border-top: 1px solid var(--ws-rule);
}
.ws-start-section--surface { background: var(--ws-surface-2); }
.ws-start-section--first { border-top: none; }

.ws-start-section__wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 48px;
}

.ws-start-section__eyebrow {
  font-family: var(--ws-font-body);
  font-size: var(--ws-fs-label);
  letter-spacing: var(--ws-tracking-label);
  text-transform: uppercase;
  color: var(--ws-accent);
  font-weight: 600;
  margin: 0 0 14px;
}

/* ── Beat markers · page-position cues (proposal 1, focus 1) ───────
   Every section's eyebrow row leads with a mono "NN / 10" ordinal and
   closes with a hairline running to the wrap edge — a scrolling reader
   always knows where they are and how much page is left. The hero's
   rail ordinal ("00 / OVERVIEW") opens the same count. Ordinal gold per
   site vocabulary (.ws-uc__ordinal). */
.ws-start-section__meta {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin: 0 0 14px;
}
.ws-start-section__meta::after {
  content: "";
  flex: 1;
  align-self: center;
  border-top: var(--ws-rule-hair) solid var(--ws-rule-faint);
}
.ws-start-section__beat {
  font-family: var(--ws-font-mono);
  font-size: var(--ws-fs-micro);
  letter-spacing: var(--ws-tracking-mono);
  color: var(--ws-accent);
}
.ws-start-section__meta .ws-start-section__eyebrow { margin: 0; }

.ws-start-section__title {
  font-family: var(--ws-font-display);
  font-size: 32px;
  font-weight: 500;
  line-height: var(--ws-lh-tight);
  letter-spacing: -0.012em;
  color: var(--ws-ink);
  margin: 0 0 18px;
  max-width: 820px;
}

/* Second titled sub-block inside one section (Beat 2: problem → unlock). */
.ws-start-section__title--follow { margin-top: 44px; }

/* Lede · the section's first paragraph — serif, matching .ws-doc-section__intro. */
.ws-start-section__intro {
  font-family: var(--ws-font-display);
  font-size: var(--ws-fs-lede);
  line-height: var(--ws-lh-lede);
  font-weight: 400;
  color: var(--ws-ink-muted);
  margin: 0 0 22px;
  max-width: 760px;
}

/* ── Body prose · long-form register, as .ws-meth-prose ───────────── */
.ws-start-prose {
  font-family: var(--ws-font-body);
  font-size: var(--ws-fs-body);
  line-height: var(--ws-lh-body);
  color: var(--ws-ink-muted);
  margin: 0 0 20px;
  max-width: 720px;
}
.ws-start-prose:last-child { margin-bottom: 0; }
.ws-start-prose strong,
.ws-start-section__intro strong { color: var(--ws-ink); }

/* Prose lead-ins (proposal 1, focus 4) — the Catalyst section runs
   seven consecutive prose ¶s, four opening with a bold claim sentence;
   the claim becomes a block run-in subhead (serif 600, own line) and
   the ¶ opens a new group with extra air. Copy untouched — the
   <strong> is the existing markup. Also applied to the two Accelerator
   lead-ins (same pattern). */
.ws-start-prose--lead { margin-top: 30px; }
.ws-start-prose--lead > strong:first-child {
  display: block;
  font-family: var(--ws-font-display);
  font-size: 17px;
  font-weight: 600;
  line-height: var(--ws-lh-tight);
  letter-spacing: -0.005em;
  margin: 0 0 6px;
}

/* Inline links — gold, hairline underline (site convention). Also covers
   links slotted into card bodies and ledger descriptors on this page. */
.ws-start-section__intro a,
.ws-start-prose a,
.ws-start-minute a,
.ws-start-docs a,
.ws-start-terms a,
.ws-start-cc a,
.ws-start-section .ws-uc__body a {
  color: var(--ws-accent);
  text-decoration: none;
  border-bottom: 1px solid var(--ws-accent);
}
.ws-start-section__intro a:hover,
.ws-start-prose a:hover,
.ws-start-minute a:hover,
.ws-start-docs a:hover,
.ws-start-terms a:hover,
.ws-start-cc a:hover,
.ws-start-section .ws-uc__body a:hover {
  color: var(--ws-accent-hover);
  border-bottom-color: var(--ws-accent-hover);
}

/* ── Four-row ledger · Beats 3 + 4 (both 4-row) ───────────────────────
   Mirrors .ws-meth-topics rhythm: mono "NN / 04" ordinal in the
   universal-card rail, serif term, sans descriptor, hairline rules. */
.ws-start-minute {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  max-width: 820px;
  counter-reset: minute;
  border-top: 1px solid var(--ws-rule);
}
.ws-start-minute > li {
  counter-increment: minute;
  display: grid;
  grid-template-columns: var(--ws-uc-rail-width) 1fr;
  column-gap: var(--ws-uc-col-gap);
  row-gap: 4px;
  padding: 18px 0;
  border-bottom: 1px solid var(--ws-rule);
}
.ws-start-minute > li::before {
  content: counter(minute, decimal-leading-zero) " / 04";
  grid-column: 1;
  grid-row: 1 / span 2;
  font-family: var(--ws-font-mono);
  font-size: var(--ws-fs-micro);
  letter-spacing: var(--ws-tracking-mono);
  color: var(--ws-accent);
  padding-top: 4px;
}
.ws-start-minute__term {
  grid-column: 2;
  font-family: var(--ws-font-display);
  font-size: var(--ws-fs-lede);
  font-weight: 600;
  line-height: var(--ws-lh-tight);
  color: var(--ws-ink);
}
.ws-start-minute__why {
  grid-column: 2;
  font-family: var(--ws-font-body);
  font-size: var(--ws-fs-body);
  line-height: var(--ws-lh-body);
  color: var(--ws-ink-muted);
}
.ws-start-minute__why strong { color: var(--ws-ink); }

/* ── Card grid · 3-up rows of .ws-uc--row, as .ws-doc-grid ────────── */
.ws-start-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: stretch;
  margin: 0 0 26px;
}

/* ── Pull quote · Beat 6 (CLP ownership line) ─────────────────────── */
.ws-start-quote {
  margin: 0 0 26px;
  padding: 2px 0 2px 20px;
  border-left: 3px solid var(--ws-accent);
  max-width: 720px;
}
.ws-start-quote p {
  margin: 0;
  font-family: var(--ws-font-display);
  font-size: 22px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.4;
  color: var(--ws-ink);
}

/* ── CC highlight card · "Start now — it takes one CC" (#catalyst-start)
   Card-on-tint: sits on the Beat 6 --surface band, so it fills with
   --ws-surface (like .ws-uc) and carries the gold top accent of the
   .ws-xref--card register. ─────────────────────────────────────────── */
.ws-start-cc {
  background: var(--ws-surface);
  border: 1px solid var(--ws-rule-faint);
  border-top: 2px solid var(--ws-accent);
  padding: 26px 30px 24px;
  max-width: 820px;
  margin: 36px 0 26px;
}
.ws-start-cc h3 {
  font-family: var(--ws-font-display);
  font-size: 21px;
  font-weight: 600;
  line-height: var(--ws-lh-tight);
  color: var(--ws-ink);
  margin: 0 0 14px;
}
.ws-start-cc p {
  font-family: var(--ws-font-body);
  font-size: var(--ws-fs-body);
  line-height: var(--ws-lh-body);
  color: var(--ws-ink-muted);
  margin: 0 0 14px;
}
.ws-start-cc p:last-child { margin-bottom: 0; }
.ws-start-cc strong { color: var(--ws-ink); }
.ws-start-cc-list {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
}
.ws-start-cc-list > li {
  position: relative;
  padding: 0 0 0 22px;
  margin: 0 0 10px;
  font-family: var(--ws-font-body);
  font-size: var(--ws-fs-body);
  line-height: var(--ws-lh-body);
  color: var(--ws-ink-muted);
}
.ws-start-cc-list > li::before {
  content: "—";
  position: absolute;
  left: 0;
  color: var(--ws-accent);
}
.ws-start-cc-list strong { color: var(--ws-ink); }

/* ── Path cards · Beat 7 (#paths) ───────────────────────────────────
   Four FULL-WIDTH .ws-uc ledger rows, stacked. v0.2 — replaces the
   v0.1 2×2 .ws-start-grid-2: equal-height grid rows stretched the
   short paths (01, 04) to the height of the long ones (02, 03), and
   2-up placement broke the 01→04 reading sequence. Canonical
   rail-left shape: the rail is the DECISION column — ordinal, kicker,
   time estimate — aligned down one scannable left edge so the four
   commitments (15–30 min → hands-off) compare at a glance; the
   argument column carries persona quote → steps → leave-line.
   Rail width mirrors .ws-uc--ledger-compact (200px); the rail/column
   hairline mirrors the .ws-xref--card prefix divider. */
.ws-start-paths {
  display: grid;
  gap: 20px;
  margin: 0 0 26px;
}
.ws-start-path {
  grid-template-columns: 200px 1fr;
  column-gap: 28px;
}
.ws-start-path .ws-uc__rail {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  border-right: var(--ws-rule-hair) solid var(--ws-rule-faint);
  padding-right: 24px;
}
.ws-start-path__kicker {
  font-family: var(--ws-font-body);
  font-size: var(--ws-fs-label);
  letter-spacing: var(--ws-tracking-label);
  text-transform: uppercase;
  font-weight: 600;
  color: var(--ws-ink);
  margin: 4px 0 6px;
}
.ws-start-path__time {
  font-family: var(--ws-font-mono);
  font-size: 12px;
  letter-spacing: var(--ws-tracking-mono);
  text-transform: uppercase;
  color: var(--ws-ink-muted);
}
/* Persona quote — the card's title, serif in the argument column
   (moved out of the rail, where 26px .ws-uc__name wrapped to 3 lines
   at half width). */
.ws-start-path__quote {
  font-family: var(--ws-font-display);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--ws-ink);
  margin: 0 0 16px;
  max-width: 720px;
  text-wrap: pretty;
}
.ws-start-path .ws-uc__body {
  font-size: var(--ws-fs-body);
  margin-bottom: 12px;
  max-width: 720px;
}

/* Pre-note (Path 2 · "Or start before you read anything") — footnote
   register inside the card: gold left rule + italic serif, as .ws-xref. */
.ws-start-prenote {
  margin: 0 0 16px;
  padding: 2px 0 2px 14px;
  border-left: 3px solid var(--ws-accent);
  max-width: 720px;
  font-family: var(--ws-font-display);
  font-size: 14px;
  font-style: italic;
  line-height: 1.55;
  color: var(--ws-ink-muted);
}
.ws-start-prenote strong { color: var(--ws-ink); font-style: normal; }
.ws-start-prenote a {
  color: var(--ws-accent);
  text-decoration: none;
  border-bottom: 1px solid var(--ws-accent);
  font-style: normal;
}
.ws-start-prenote a:hover {
  color: var(--ws-accent-hover);
  border-bottom-color: var(--ws-accent-hover);
}

/* Numbered steps — mono leading-zero ordinal + sans line, as .ws-meth-reading.
   The marker is absolutely positioned (NOT a grid cell): li content is mixed
   inline text + links, and a grid container would blockify each inline run
   into its own grid item, scattering the line across the template.
   v0.2: upgraded to a hairline mini-ledger — body-size lines, rules
   between steps, measure-capped at 720px inside the full-width row. */
.ws-start-steps {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  counter-reset: step;
  max-width: 720px;
  border-top: var(--ws-rule-hair) solid var(--ws-rule-faint);
}
.ws-start-steps > li {
  counter-increment: step;
  position: relative;
  padding: 9px 0 9px 34px;
  font-family: var(--ws-font-body);
  font-size: var(--ws-fs-body);
  line-height: 1.65;
  color: var(--ws-ink-muted);
  border-bottom: var(--ws-rule-hair) solid var(--ws-rule-faint);
}
.ws-start-steps > li:last-child { border-bottom: none; }
.ws-start-steps > li::before {
  content: counter(step, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 14px;
  font-family: var(--ws-font-mono);
  font-size: var(--ws-fs-micro);
  letter-spacing: var(--ws-tracking-mono);
  color: var(--ws-accent);
}
.ws-start-steps strong { color: var(--ws-ink); }
.ws-start-steps a,
.ws-start-leave a {
  color: var(--ws-accent);
  text-decoration: none;
  border-bottom: 1px solid var(--ws-accent);
}
.ws-start-steps a:hover,
.ws-start-leave a:hover {
  color: var(--ws-accent-hover);
  border-bottom-color: var(--ws-accent-hover);
}

/* Unnumbered option list (Path 4) — same geometry, em-dash marker. */
.ws-start-steps--options > li { counter-increment: none; }
.ws-start-steps--options > li::before { content: "—"; }

/* "You'll leave with" line — italic serif with gold hairline above
   (mirrors the .ws-uc__umap treatment; page-owned to keep the component
   decoupled). margin-top:auto bottom-aligns it across a card row. */
.ws-start-leave {
  font-family: var(--ws-font-display);
  font-style: italic;
  font-size: 15px;
  line-height: 1.6;
  color: var(--ws-ink-muted);
  margin: auto 0 0;
  padding-top: 12px;
  border-top: var(--ws-rule-hair) solid var(--ws-accent);
  max-width: 720px;
}

/* ── Doc-map ledger · Beat 8 (7 rows + access chip) ───────────────── */
.ws-start-docs {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  max-width: 1000px;
  counter-reset: docrow;
  border-top: 1px solid var(--ws-rule);
}
.ws-start-docs > li {
  counter-increment: docrow;
  display: grid;
  grid-template-columns: var(--ws-uc-rail-width) 1fr auto;
  column-gap: var(--ws-uc-col-gap);
  row-gap: 4px;
  padding: 18px 0;
  border-bottom: 1px solid var(--ws-rule-faint);
  align-items: start;
}
.ws-start-docs > li::before {
  content: "DOC · " counter(docrow, decimal-leading-zero) " / 07";
  grid-column: 1;
  grid-row: 1 / span 2;
  font-family: var(--ws-font-mono);
  font-size: var(--ws-fs-micro);
  letter-spacing: var(--ws-tracking-mono);
  color: var(--ws-accent);
  padding-top: 4px;
  white-space: nowrap;
}
.ws-start-docs__title {
  grid-column: 2;
  font-family: var(--ws-font-display);
  font-size: var(--ws-fs-lede);
  font-weight: 600;
  line-height: var(--ws-lh-tight);
  color: var(--ws-ink);
}
/* Linked doc titles stay serif ink; the gold hairline marks them live. */
.ws-start-docs__title a {
  color: var(--ws-ink);
  text-decoration: none;
  border-bottom: 1px solid var(--ws-accent);
}
.ws-start-docs__title a:hover { color: var(--ws-accent-hover); }
.ws-start-docs__when {
  grid-column: 2;
  font-family: var(--ws-font-body);
  font-size: var(--ws-fs-body);
  line-height: var(--ws-lh-body);
  color: var(--ws-ink-muted);
}
.ws-start-docs__access {
  grid-column: 3;
  grid-row: 1 / span 2;
  justify-self: end;
  font-family: var(--ws-font-mono);
  font-size: var(--ws-fs-micro);
  letter-spacing: var(--ws-tracking-mono);
  text-transform: uppercase;
  color: var(--ws-ink-muted);
  border: 1px solid var(--ws-rule);
  padding: 4px 9px 3px;
  border-radius: 2px;
  white-space: nowrap;
  margin-top: 2px;
}
/* Gated access chips (rows 6–7: listed, not linked — S-10). Dashed
   hairline + faint ink so "no click-through today" reads at the chip
   level, not only via the missing title link. */
.ws-start-docs__access--gated {
  border-style: dashed;
  color: var(--ws-ink-faint);
}

/* ── Key-terms ledger · Beat 9 (definition list, mono term rail) ──── */
.ws-start-terms {
  margin: 0 0 8px;
  max-width: 1000px;
  border-top: 1px solid var(--ws-rule);
}
.ws-start-terms__row {
  display: grid;
  grid-template-columns: var(--ws-uc-rail-width) 1fr;
  column-gap: var(--ws-uc-col-gap);
  padding: 14px 0;
  border-bottom: 1px solid var(--ws-rule-faint);
}
.ws-start-terms dt {
  font-family: var(--ws-font-mono);
  font-size: 13px;
  letter-spacing: var(--ws-tracking-mono);
  font-weight: 500;
  color: var(--ws-ink);
  padding-top: 2px;
}
.ws-start-terms dd {
  margin: 0;
  font-family: var(--ws-font-body);
  font-size: var(--ws-fs-body);
  line-height: var(--ws-lh-body);
  color: var(--ws-ink-muted);
}
.ws-start-terms dd strong { color: var(--ws-ink); }

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 720px) {
  .ws-start-section { padding: 44px 0 40px; }
  .ws-start-section__wrap { padding: 0 24px; }
  .ws-start-section__title--follow { margin-top: 36px; }

  .ws-start-grid-3 { grid-template-columns: 1fr; }

  /* Path cards — collapse to single column; the rail becomes a
     horizontal meta row (ordinal · kicker · time) above a hairline,
     mirroring the .ws-uc--row rail-on-top treatment. */
  .ws-start-path { grid-template-columns: 1fr; }
  .ws-start-path .ws-uc__rail {
    border-right: none;
    border-bottom: var(--ws-rule-hair) solid var(--ws-rule-faint);
    padding: 0 0 12px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 14px;
    row-gap: 2px;
  }
  .ws-start-path .ws-uc__ordinal { margin-bottom: 0; }
  .ws-start-path__kicker { margin: 0; }
  .ws-start-path__quote { font-size: 19px; }

  /* Ledger rows collapse the mono rail to a stacked label above the
     term, mirroring .ws-meth-topics at this breakpoint. */
  .ws-start-minute > li,
  .ws-start-docs > li {
    grid-template-columns: 1fr;
    row-gap: 6px;
  }
  .ws-start-minute > li::before,
  .ws-start-docs > li::before {
    grid-row: auto;
    grid-column: 1;
    padding-top: 0;
  }
  .ws-start-minute__term,
  .ws-start-minute__why,
  .ws-start-docs__title,
  .ws-start-docs__when { grid-column: 1; }
  .ws-start-docs__access {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }

  .ws-start-terms__row {
    grid-template-columns: 1fr;
    row-gap: 4px;
  }

  .ws-start-cc { padding: 22px 22px 20px; }
  .ws-start-quote p { font-size: 19px; }
}