/* SHARED·NOTICEBOX (411) — THE ONE BOX GRAMMAR (D-614/D-602 · D-619 1C heading-led).
 *
 * EXTRACTED from read.css (.wkr-watchbox + .wkr-cu + the shared .qk head), values verbatim,
 * prefixes renamed (→ ntc). ONE anatomy — kind wash + matching hairline + the .qk Fraunces
 * head with a leading icon — the variants differ by COLOUR AND CONTENT ONLY (D-614: the wash
 * system has no exceptions):
 *   safety  — "Worth checking", GOLD (D-590 magnifying-glass). Static, parent-led escalation
 *             (SaMD rule 1); same full box in ALL tiers (D-595). Cap ≤2 sentences / ~40w.
 *   notice  — the corpus `notice` field, GOLD, labelled with the corpus's own word.
 *   comingup— the D-596 forward-look, TEAL, ALWAYS the last thing above the stepper.
 * ⚠️ The live read still renders its own copies until the reviewed migration pass. */
.ntc { border-radius: var(--radius-card); padding: var(--space-16); margin: var(--space-16) 0 0; } /* token-exception */
.ntc .qk { display: flex; align-items: center; gap: var(--space-8); font-family: var(--font-display); font-size: var(--text-body); font-weight: var(--weight-600); margin-bottom: var(--space-8); }
.ntc .qk svg { width: var(--dim-16); height: var(--dim-16); }
.ntc .qk .act-wrap { margin-left: auto; }
.ntc.safety, .ntc.notice { background: var(--gold-90); border: 1px solid var(--gold-200); } /* token-exception */
.ntc.safety .qk, .ntc.notice .qk { color: var(--gold-700); }
.ntc.safety p, .ntc.notice p { font-size: var(--text-caption); line-height: var(--leading-150); margin: 0; }
.ntc.notice p + p { margin-top: var(--space-8); }
.ntc.cu { background: var(--teal-100); border: 1px solid var(--teal-200); } /* token-exception */
.ntc.cu .qk { color: var(--nav-active); }
.ntc.cu .t { font-family: var(--font-body); font-weight: var(--weight-400); font-size: var(--size-17); /* token-exception */ /* the locked teaser size — no --text-* role at 17 */ line-height: var(--leading-140); color: var(--text-primary); }