/* shared styles for the long-form legal pages (privacy, terms) */
.legal{max-width:820px;margin:0 auto;padding:8px 0 20px}
.legal .updated{color:var(--muted);font-size:13.5px;margin:0 0 30px}
.legal h2{font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:-.01em;margin:34px 0 12px;padding-top:12px;border-top:1px solid var(--line)}
.legal h2:first-of-type{border-top:none;padding-top:0}
.legal h3{font-family:var(--disp);font-weight:700;font-size:16.5px;margin:22px 0 8px}
.legal p{color:#c7cfe4;font-size:15px;line-height:1.75;margin:0 0 14px}
.legal ul{margin:0 0 16px;padding-left:22px}
.legal li{color:#c7cfe4;font-size:15px;line-height:1.7;margin-bottom:8px}
.legal a{color:var(--vio2)}
.legal a:hover{color:var(--amber)}
.legal strong{color:var(--ink)}
.legal .callout{background:linear-gradient(165deg,var(--glass2),var(--glass));border:1px solid var(--line2);border-radius:14px;padding:18px 20px;margin:0 0 20px}
.legal .callout p{margin:0}
.legal .toc{background:linear-gradient(165deg,var(--glass2),var(--glass));border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:0 0 30px}
.legal .toc h4{margin:0 0 10px;font-family:var(--disp);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.legal .toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
@media(max-width:600px){.legal .toc ol{columns:1}}
.legal .toc a{color:var(--muted);font-size:14px;line-height:1.9}
.legal .toc a:hover{color:var(--ink)}