/* ============================================================================
 * SHARED·EYEBROW (1123) — the small uppercase label above a headline
 * status: todo · states: [default, tool]
 * ════════════════════════════════════════════════════════════════════════════
 *
 * Two states, declared ONCE, here. Using it means PICKING which one — that is
 * what makes this row a COMPONENT, not a D-747 type (LANE-RULES §3):
 *
 *   · .eyebrow       the DEFAULT — 500 · tracking-14 · teal-700
 *                    (inherited from the title row; reads as ink at small sizes)
 *   · .eyebrow-tool  the TOOL variant — 700 · tracking-12 · --accent-hover
 *                    (the small heading a tool surfaces wear — Portrait's hero
 *                    set it; tool's look follows its own type by the ruling
 *                    DECISIONS-2026-09-14 §C: "look inside a type follows the
 *                    type's standard")
 *
 * The pair composes: <p class="eyebrow eyebrow-tool">.
 *
 * STATUS KEPT AS `todo` — check 16's ENFORCED allowlist at _card-mirror.js:55
 * is ['draft', 'draft-final', 'locked'], so this row does NOT iterate the
 * mirror check while it stands at todo. If/when this card moves to draft,
 * web/index.html must keep linking this file AND app.css:231-256 must stay
 * empty of `.eyebrow` rules (REVERSE-PORT declaration).
 *
 * 1 TOKEN-EXCEPTION MARKER — .eyebrow line 234 uses raw `var(--size-11)`
 * (--text-label would resolve to 11px, byte-equivalent at render). Per Lane A
 * this carries /* token-exception * / on the same line; the move does not
 * change that, it preserves it.
 *
 * The other 4 declarations on `.eyebrow` and all 4 on `.eyebrow-tool` use role
 * tokens (--font-label, --tracking-14, --teal-700, --text-label, --weight-700,
 * --tracking-12, --accent-hover) — fully token-conformant, zero markers.
 *
 * 23+ EMITTER FILES ACROSS THE APP — try-together, article, development and
 * many more (PORTRAIT, READ, LANDING, MILESTONES, READER, LISTEN, ABOUT,
 * TECHNIQUE, WEEKS-DEEP, WEANING, PREVIEW views + chapter-heading,
 * daypill/daystrips/provenance/secondarycta/selectionpill/timeinput/
 * toggleswitch/tooltopbar/readhead/seealldoor galleries). This file is the
 * SHARED destination: it links globally from web/index.html, so the class
 * names travel unchanged and NO emitter file is rewritten.
 *
 * SELF-CONTAINMENT — every element this card renders gets its style here.
 * The page/user-agent is not relied on.
 *
 * TRANSCRIBED VERBATIM from web/css/app.css lines 231-256 (the same 7-line
 * comment block + 10-line rule pair that lived there under the unowned
 * 287/305 class estate). The move deletes those 26 lines from app.css.
 * ════════════════════════════════════════════════════════════════════════════ */
.eyebrow {
  font-family: var(--font-label);
  font-size: var(--size-11);                    /* token-exception */
  font-weight: 500;
  letter-spacing: var(--tracking-14);
  text-transform: uppercase;
  color: var(--teal-700);
}
/* 1123 SHARED·EYEBROW — the TOOL variant (Andrew, 2026-09-15: Milestones' small headings take the
   tool type's standard, and look inside a type follows the type's standard — DECISIONS-2026-09-14 §C).
   The tool type's small heading, as Portrait's hero set it: 11px · 700 · tracking-12 · uppercase ·
   --accent-hover (teal-700 — 5.82:1 on --surface-card at 11px; --accent measures 4.23:1, under the
   floor). Declared ONCE, here. Pairs with .eyebrow: <p class="eyebrow eyebrow-tool">. Consumers:
   the Portrait hero (.pth-e), the logger top bar's static title (.lg-eb) and the Milestones timeline
   (MILESTONES · HER RECORD · CHECKPOINT N) — none of them declares these four lines any more. */
.eyebrow-tool {
  font-size: var(--text-label);
  font-weight: var(--weight-700);
  letter-spacing: var(--tracking-12);
  color: var(--accent-hover);
}