/* SHARED·CONTENTS (421) — the "In this read" mini-contents index (Deep). (D-596 · D-739)
 *
 * EXTRACTED 2026-08-20 from the live 502 read (web/css/cards/weeks/read.css) — the
 * "contents" lineage hole the molecule ruling named, closed. Values VERBATIM
 * (.wkr-toc → toc): the ONE index treatment (This-week · In-this-read · Sources ·
 * Keep-exploring share it) — top+bottom hairline rules, the Inter-bold-teal UPPERCASE
 * eyebrow (label register, tracking-08), 14px rows with hanging teal numerals. Deep only:
 * it REPLACES the This-week box up-tier (the finalised wk19 reference) and is built FROM
 * the read's own section titles — never invented. No actions and no data-unit: it is an
 * index of position, not a unit (Pin/Share belong to the sections it points at). */
.toc { border-top: 1px solid var(--border-hairline); border-bottom: 1px solid var(--border-hairline); padding: var(--space-12) 0; margin: var(--space-16) 0 0; }
.toc .t { font-family: var(--font-label); font-size: var(--text-body-sm); font-weight: var(--weight-700); text-transform: uppercase; letter-spacing: var(--tracking-08); color: var(--accent-hover); margin-bottom: var(--space-8); }
.toc .r { display: flex; gap: var(--space-8); font-size: var(--text-body-sm); color: var(--text-secondary); line-height: var(--leading-160); }
.toc .r .n { font-family: var(--font-body); font-weight: var(--weight-500); color: var(--accent-hover); flex: none; }

/* ── 502 read-consumer machinery — lives HERE because check 16 gives each prefix ONE
   stylesheet owner (the 412 precedent). A section that follows the index pads up so its
   subhead reads at the same gap as after body text (the read's half-leading note). ── */
.toc + .wkr-sec { padding-top: var(--space-4); }