/* ============================================================
   Legal / prose-page styling (.legal shell)

   Extracted from the inline <style> in assemble_learn_euaiact_content
   so /terms/, /press/, /support/ share one stylesheet. Registered in
   COMPONENT_CSS → linked site-wide; scoped by the .legal class, so it
   only affects pages that opt in with <article class="legal">.

   NOTE: /privacy/ and /learn/eu-ai-act/ keep their own inline copies
   (deliberately not refactored — mild duplication accepted).
   ============================================================ */
.legal {
  max-width: var(--maxw-prose);
  margin-inline: auto;
  padding: var(--sp-9) var(--gutter-mobile);
  color: var(--text-soft);
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}
@media (min-width: 1024px) {
  .legal { padding-inline: var(--gutter-desktop); }
}
.legal h1 {
  font-size: var(--fs-h1);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-heading);
  letter-spacing: var(--ls-heading);
  color: var(--text);
  margin: 0 0 var(--sp-3);
}
.legal h2 {
  font-size: var(--fs-h3);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-heading);
  color: var(--text);
  margin: var(--sp-7) 0 var(--sp-3);
}
.legal p,
.legal ul { margin: 0 0 var(--sp-4); }
.legal ul { padding-inline-start: var(--sp-5); }
.legal li { margin-block-end: var(--sp-2); }
.legal strong { color: var(--text); }
.legal a { color: var(--teal); }
.legal a:hover { color: var(--teal-hover); }
.legal code {
  font-family: var(--font-mono);
  font-size: 0.95em;
  color: var(--text);
  background: var(--bg-2);
  padding: 1px 6px;
  border-radius: var(--r-xs);
}
.legal .updated {
  font-family: var(--font-mono);
  font-size: var(--fs-mono-sm);
  color: var(--text-dim);
  margin-block-end: var(--sp-7);
}
.legal .disambiguation {
  margin-block-start: var(--sp-7);
  padding: var(--sp-5);
  background: var(--bg-2);
  border-inline-start: 3px solid var(--border-teal);
  border-radius: var(--r-md);
  font-size: var(--fs-body-sm);
  color: var(--text-dim);
}
.legal .lede { font-size: 1.15em; }
.legal .sources { font-size: 0.875em; color: var(--text-dim); }
.legal .nb { white-space: nowrap; }