/* Privacy Policy and Terms of Service. Reuses the homepage tokens from home.css. */
.legal{max-width:760px;margin:0 auto;padding:84px max(20px,3.5vw) 96px}
.legal h1{font-size:clamp(34px,4.2vw,52px);font-weight:700;letter-spacing:-.035em}
.legal .meta{margin-top:14px;color:var(--mute);font-size:14.5px}
.legal .intro{margin-top:26px;color:var(--soft);font-size:17px}
.toc{margin:34px 0 8px;padding:20px 24px;border:1px solid var(--line2);background:var(--panel);border-radius:12px}
.toc b{display:block;font:700 15px "Bricolage Grotesque",sans-serif;margin-bottom:10px}
.toc ol{margin:0;padding-left:1.3em;columns:2;column-gap:32px}
.toc li{font-size:14.5px;margin:3px 0;break-inside:avoid}
.toc a{color:var(--soft)}.toc a:hover{color:var(--moon)}
.legal h2{font-size:25px;font-weight:700;margin:52px 0 14px;scroll-margin-top:80px}
.legal h3{font-size:17px;font-weight:700;margin:26px 0 8px;letter-spacing:-.01em}
.legal p,.legal li{color:var(--soft);font-size:16px}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 16px;padding-left:1.25em}.legal li{margin:6px 0}
.legal strong{color:var(--text);font-weight:600}
.legal code{font:500 13.5px ui-monospace,"JetBrains Mono",monospace;background:#17151f;border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:#c8bdff}
.legal table{width:100%;border-collapse:collapse;margin:6px 0 20px;font-size:15px}
.legal .tw{overflow-x:auto}
.legal th,.legal td{text-align:left;vertical-align:top;padding:11px 14px;border-bottom:1px solid var(--line)}
.legal th{color:var(--text);font-weight:600;font-size:13.5px;letter-spacing:.03em;text-transform:uppercase;border-bottom-color:var(--line2)}
.legal td{color:var(--soft)}
.legal td:first-child{color:var(--text);font-weight:600;white-space:nowrap}
.callout{border:1px solid var(--line2);background:var(--panel);border-radius:12px;padding:18px 22px;margin:22px 0}
.callout p:last-child{margin:0}
.foot a:hover{color:var(--text)}
@media(max-width:720px){.legal{padding-top:56px}.toc ol{columns:1}.legal td:first-child{white-space:normal}}
