/* Page styles for privacy.html (block 1).
   Moved out of an inline <style> tag on 20 Aug 2026 so the CSP no longer needs
   style-src 'unsafe-inline'. Contents unchanged; the <link> replaces the <style>
   at exactly the same point in the document, so the cascade order is identical. */

.legal-body { max-width: 720px; }
  /* Two heading levels only, and they must be consistent across BOTH halves
     of the page. h2 = the two section titles (Privacy notice / Terms of use).
     h3 = every sub-section within them. */
  .legal-body h2 { font-family: var(--serif); font-weight: 600; font-size: clamp(1.5rem, 2.8vw, 1.9rem);
    color: var(--paper); margin-top: 64px; margin-bottom: 6px;
    padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.16); }
  .legal-body h3 { font-family: var(--serif); font-weight: 600; font-size: 1.18rem;
    color: var(--paper); margin-top: 34px; margin-bottom: 8px; }
  .legal-jump { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
  .legal-jump a { font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--glow-soft); border: 1px solid rgba(239,123,163,0.4); border-radius: 999px; padding: 8px 18px; transition: all .25s; }
  .legal-jump a:hover { background: rgba(199,47,99,0.12); color: var(--paper); }
  .legal-body p, .legal-body li { color: var(--paper-dim); font-size: 1rem; line-height: 1.75; margin-bottom: 14px; }
  .legal-body ul { padding-left: 22px; }