/* /terms and /privacy - builds on landing.css variables. */
.legal{max-width:780px;padding-top:clamp(40px,6vw,72px);padding-bottom:110px}
.legal .crumb{font:500 13px var(--sans);color:var(--gold);margin:0 0 12px}
.legal h1{font-size:clamp(32px,4.4vw,44px);margin-bottom:10px}
.legal .updated{color:var(--dim);font-size:14px;margin:0 0 28px}
.legal .summary{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:18px 22px;margin:0 0 36px}
.legal .summary h2{font-size:16px;margin:0 0 10px;padding:0;border:0}
.legal .summary ul{margin:0;padding-left:18px}.legal .summary li{margin:4px 0;color:var(--text)}
.legal nav.toc{margin:0 0 40px;columns:2;column-gap:32px;font-size:14.5px}
.legal nav.toc a{display:block;color:var(--muted);text-decoration:none;padding:3px 0;break-inside:avoid}.legal nav.toc a:hover{color:var(--strong)}
.legal h2{font-size:21px;margin:44px 0 12px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:80px}
.legal h3{font-size:16.5px;margin:24px 0 8px}
.legal p,.legal li{color:var(--text);font-size:15.5px;line-height:1.75}
.legal ul,.legal ol{padding-left:22px}.legal li{margin:6px 0}
.legal a{color:var(--gold)}
.legal strong{color:var(--strong);font-weight:600}
.legal table{width:100%;border-collapse:collapse;margin:14px 0 6px;font-size:14.5px}
.legal th{text-align:left;font:600 12.5px var(--sans);color:var(--dim);text-transform:uppercase;letter-spacing:.05em;padding:9px 10px;border-bottom:1px solid var(--line2)}
.legal td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--text)}
.legal .caps{text-transform:none;font-weight:600;color:var(--strong)}
@media (max-width:640px){.legal nav.toc{columns:1}.legal table{font-size:13.5px}.legal th,.legal td{padding:8px 6px}}
.legal .summary .note{margin:10px 0 0}