/*
 * public/assets/v8-legal.css — Word Of Clout agency, V137 notices (2026-11-03).
 * Loaded by /privacy and /terms only. Ordinary reading pages: one text column,
 * 18px reading text (v4-arrival.css body), Plex Mono, ordinary heading
 * hierarchy, 1px #E5E5E5 hairlines, white-first, zero radius, zero motion,
 * zero JavaScript. Legal copy is not a ticket, a promotional object, an
 * accordion or tiny print. The revision date is hard-coded in the HTML
 * ("Updated November 3, 2026.") — never generated at build time.
 */

.legal { padding: 24px 20px 0; }
.legal .wrap { max-width: 720px; }          /* ONE text column, reading measure */

.legal h1 { font-size: 32px; line-height: 1.1; margin: 0; }  /* V138-03: reading-page heading role, 32px @390, natural wrap (48px hero scale + 20ch cap retired; 18px body unchanged) */
.legal .eyebrow { margin-bottom: 12px; }
.legal .updated {
  font-size: 16px;
  line-height: 1.3;
  color: var(--secondary);
  /* C7 re-cut (Claude screen verdict F5, Tani msg 15:33Z 2026-11-12): the
   * border-bottom under "Updated …" stacked 1px against the first h2's
   * border-top (h2:first-of-type margin-top: 0) and read as one half-dark
   * doubled divider. It is removed — the h2 border-top above is the ONE
   * divider under the date, the same hairline idiom as every section. */
  padding-bottom: 24px;
  margin: 16px 0 0;
}

.legal h2 {
  border-top: 1px solid var(--hairline);
  padding-top: 24px;
  margin: 48px 0 16px;
  font-size: 24px;
}
.legal h2:first-of-type { margin-top: 0; }

.legal p { max-width: 62ch; margin: 0 0 16px; }
.legal p a { color: var(--black); text-decoration: underline; text-underline-offset: 3px; }
.legal .action { margin-top: 24px; }
/* V142-03 (Tani msg 35318): the focus reveal must land the WHOLE outline inside
 * the viewport — outline 2px + offset 3px expands the control rect by 5px per
 * side (V142 data: control bottom 843.875 → outline outer 848.875 vs vh 844,
 * a 4.875px clip). scroll-margin gives the keyboard reveal that clearance
 * without touching layout or the runner. */
.legal .action { scroll-margin-bottom: 8px; }
.legal .action:visited { color: var(--white); }

@media (min-width: 1440px) {
  .legal { padding-top: 64px; }
}

/* --- V138-02 repair (Tani msg 35261, 2026-11-04; Astra V138): the two legal
   controls. CAUSE, from computed styles on the served candidate (v4-arrival
   + v8-legal together): (a) the header wordmark SVG's real sizing rules live
   in v6-creator-offer.css §header (display:block; width:160px @390 / 192px
   @1440; height:auto; currentColor black), which /privacy and /terms never
   load — the SVG computed to 0x0; (b) this sheet's own `.legal p a
   { color: var(--black) }` (specificity 0,1,2) loads after v4-arrival.css and
   overrides `.action`'s (0,1,0) `color: var(--white)` — the "Back to the
   introduction" label painted black-on-black (the solid rectangle).
   REPAIR: carry the shared header's REAL style dependencies here — the
   v6 §header rules verbatim — and restore the action's white label (hover
   #000→#171717 and the 2px focus outline come from v4-arrival.css .action).
   No new mark, no aria-label substitute. --- */
header.top .home-link { display: inline-flex; align-items: center; min-height: 48px; text-decoration: none; }
header.top .home-link svg { display: block; width: 160px; height: auto; color: var(--black); }
header.top .home-link:focus-visible { outline: 2px solid var(--black); outline-offset: 3px; }
@media (min-width: 1440px) {
  header.top .home-link svg { width: 192px; }   /* 17.9px cap height, uniform scale (v6 §header verbatim) */
}
.legal .action { color: var(--white); }  /* V138-02: outranks .legal p a (0,2,0 > 0,1,2) so the action label is white again */
.legal .action { text-decoration: none; }  /* C7 re-cut F5 (Tani msg 15:33Z): the "Back to the introduction" button text is never underlined — same 0,2,0 outrank of .legal p a */

/* no motion of any kind (v4-arrival.css holds the same empty rule) */
@media (prefers-reduced-motion: no-preference) {
  /* intentionally empty — nothing animates on the legal pages */
}