/* ============================================================
   LEGAL / LONG-FORM PROSE (privacy policy, terms, etc.)
   Reuses index.css tokens, fonts, header + footer. This file
   only styles the readable document column.
============================================================ */
.legal-hero{padding:calc(var(--header-h, 76px) + 20px) 0 8px;}
.legal-hero .wrap{max-width:820px;}
.legal-eyebrow{ font-family:var(--font-display); font-size:14px; font-weight:600; letter-spacing:-0.01em; color:var(--ink); }
.legal-hero h1{font-family:var(--font-display);font-size:clamp(34px, 5vw, 52px);line-height:1.05;letter-spacing:-0.02em;color:var(--ink);margin:14px 0 10px;}
.legal-meta{font-family:var(--font-body);font-size:14px;color:var(--ink-dim);}

.legal-body{padding:24px 0 40px;}
.legal-body .wrap{max-width:820px;}

.legal-doc{font-family:var(--font-body);color:var(--ink-dim);font-size:16px;line-height:1.8;}
.legal-doc h2,
.legal-doc h3{font-family:var(--font-display);font-size:24px;letter-spacing:-0.01em;color:var(--ink);margin:72px 0 20px;scroll-margin-top:calc(var(--header-h, 76px) + 20px);}
.legal-doc p{margin:0 0 22px;}
.legal-doc ul{margin:0 0 26px;padding-left:42px;}
.legal-doc li{margin:0 0 16px;padding-left:6px;}
.legal-doc li:last-child{margin-bottom:0;}
.legal-doc li::marker{color:var(--purple);}
/* Nested lists (e.g. the CCPA "Request to Know" sub-points) sit tighter under their parent. */
.legal-doc li > ul{margin:14px 0 4px;}
/* Bolded lead-in term that opens a bullet — give it a touch of air before the text. */
.legal-doc li > strong:first-child{display:inline-block;margin-bottom:2px;}
.legal-doc strong{color:var(--ink);font-weight:600;}
.legal-doc a{color:var(--purple);text-decoration:none;border-bottom:1px solid color-mix(in srgb, var(--purple) 35%, transparent);transition:border-color .2s ease, color .2s ease;}
.legal-doc a:hover{color:var(--purple-deep);border-bottom-color:var(--purple-deep);}

/* First section heading sits right under the meta line — trim its top gap. */
.legal-doc > h2:first-child{margin-top:18px;}

.legal-divider{border:0;border-top:1px solid var(--line);margin:40px 0;}

@media (max-width: 760px){
  .legal-doc{font-size:15px;}
  .legal-doc h2,
  .legal-doc h3{font-size:21px;}
}