/* ============================================================
   CrumpIT — Legal pages (privacy, terms). @layer pages.
   Extracted from the prototype's inline legal styles. Styles both
   the template chrome and the_content() output for authored copy.
   ============================================================ */
@layer pages {
  .legal { padding-top: calc(var(--header-h) + var(--sp-12)); padding-bottom: var(--sp-24); }
  .legal__updated { color: var(--text-muted); font-family: var(--font-ui); font-size: var(--fs-14); margin-top: var(--sp-3); }
  .legal__note {
    background: var(--surface); border: 1px solid var(--border);
    border-left: 3px solid var(--accent); border-radius: var(--r-sm);
    padding: var(--sp-4) var(--sp-5); color: var(--text-muted);
    font-size: var(--fs-14); margin: var(--sp-8) 0 var(--sp-10);
  }
  .legal h2 { font-family: var(--font-ui); font-weight: 700; font-size: var(--fs-20); text-transform: none; letter-spacing: 0.01em; margin: var(--sp-10) 0 var(--sp-3); }
  .legal h2 .num { color: var(--accent); margin-right: 0.5rem; }
  .legal h3 { font-family: var(--font-ui); font-weight: 700; font-size: var(--fs-18); text-transform: none; letter-spacing: 0.01em; margin: var(--sp-8) 0 var(--sp-3); }
  .legal p { color: var(--text); line-height: 1.75; margin-bottom: var(--sp-4); max-width: none; }
  .legal ul, .legal ol { list-style: disc; padding-left: 1.4em; margin-bottom: var(--sp-4); color: var(--text); }
  .legal ol { list-style: decimal; }
  .legal li { margin-bottom: var(--sp-2); line-height: 1.7; }
  .legal a { color: var(--accent); text-decoration: underline; }
  .legal a:hover { text-decoration: none; }
}