/*
 * Yasal sayfa stili (gizlilik, kullanım, topluluk, hesap silme). apps/mobile/scripts/build_legal.py üretir.
 * Üst menü, alt bilgi, renk ve yazı tipi tokenları invite.css'ten gelir; burada yalnız uzun metin düzeni var.
 * Ayrı dosyada: CSP `style-src 'self'` ile satır içi stile izin gerekmez.
 */
.legal-hero{background:var(--tint);border-bottom:1px solid var(--line);padding:40px 0 32px}
.legal-hero .wrap,.legal-body .wrap{max-width:860px}
.legal-hero h1{margin-top:14px;font-size:32px;line-height:1.15;font-weight:800;letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere}
.legal-hero p{margin-top:12px;max-width:68ch;font-size:15px;line-height:1.6;color:var(--ink-soft)}
.legal-body{padding:32px 0 64px}
.toc{margin-bottom:36px;padding:20px 22px;border:1px solid var(--brand-border);border-radius:16px;background:var(--brand-tint)}
.toc h2{margin-bottom:10px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark)}
.toc ol{display:grid;gap:2px;list-style:none;counter-reset:toc}
.toc li{counter-increment:toc}
.toc a{display:flex;gap:10px;align-items:baseline;min-height:36px;padding:6px 8px;border-radius:9px;font-size:15px;font-weight:600;line-height:1.4;color:var(--brand-ink);text-decoration:none;overflow-wrap:anywhere}
.toc a::before{content:counter(toc) ".";flex:none;min-width:1.6em;font-weight:800;color:var(--brand)}
.toc a:hover{background:#fff;text-decoration:underline}
.prose{max-width:70ch}
.prose h2{margin:44px 0 12px;padding-top:6px;font-size:23px;line-height:1.3;font-weight:800;letter-spacing:-.015em;color:var(--ink);overflow-wrap:anywhere;scroll-margin-top:var(--scroll-margin)}
.prose h2:first-child{margin-top:0}
.prose h2 .anchor{margin-left:.4em;font-weight:600;color:var(--brand);text-decoration:none;opacity:0}
.prose h2:hover .anchor,.prose h2 .anchor:focus-visible{opacity:1}
.prose p,.prose li{font-size:17px;line-height:1.8;font-weight:400;color:var(--ink-soft);overflow-wrap:anywhere}
.prose p{margin-bottom:16px}
.prose ul{margin:0 0 18px;padding-left:0;list-style:none}
.prose li{position:relative;margin-bottom:8px;padding-left:24px}
.prose li::before{content:"";position:absolute;left:4px;top:.8em;width:7px;height:7px;border-radius:50%;background:var(--brand)}
.legal-note{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;line-height:1.6;color:var(--muted)}
@media(max-width:480px){
  .legal-hero{padding:28px 0 24px}
  .legal-hero h1{font-size:26px}
  .toc{padding:16px 14px}
  .prose h2{font-size:20px;margin-top:36px}
  .prose p,.prose li{font-size:16.5px}
}
@media(min-width:900px){.legal-hero{padding:56px 0 40px}.legal-hero h1{font-size:42px}}
a.pill-soon{text-decoration:none}
a.pill-soon:hover{background:#fff}