/* Legal pages (terms.html, cookies.html) — the document column, on top of site.css. */

.legal{max-width:760px;margin:0 auto;padding:clamp(56px,7vw,96px) clamp(20px,5vw,72px)}
.legal .eyebrow{display:block;font-size:12.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-accent);margin-bottom:18px}
.legal h1{font-family:var(--font-heading);font-weight:500;font-size:clamp(34px,4.6vw,52px);line-height:1.06;letter-spacing:-0.025em;margin:0}
.legal .updated{font-size:13px;color:color-mix(in srgb,var(--color-text) 52%,transparent);margin:16px 0 0}
.legal .intro{font-size:17px;line-height:1.65;color:color-mix(in srgb,var(--color-text) 78%,transparent);margin:28px 0 0}
.legal h2{font-family:var(--font-heading);font-weight:500;font-size:21px;line-height:1.3;letter-spacing:-0.01em;margin:48px 0 0;padding-top:28px;border-top:1px solid var(--color-divider);scroll-margin-top:90px}
.legal h3{font-family:var(--font-heading);font-weight:500;font-size:16px;margin:26px 0 0}
.legal p,.legal li{font-size:15px;line-height:1.72;color:color-mix(in srgb,var(--color-text) 74%,transparent)}
.legal p{margin:14px 0 0}
.legal ul{margin:14px 0 0;padding-left:20px}
.legal li + li{margin-top:6px}
.legal strong{color:var(--color-text);font-weight:500}
.legal dl{margin:16px 0 0;display:grid;grid-template-columns:max-content 1fr;gap:8px 24px;font-size:15px;line-height:1.6}
.legal dt{color:color-mix(in srgb,var(--color-text) 52%,transparent)}
.legal dd{margin:0;color:var(--color-text)}
@media (max-width:520px){.legal dl{grid-template-columns:1fr;gap:2px}.legal dd{margin-bottom:10px}}

.table-wrap{overflow-x:auto;margin-top:18px;border:1px solid var(--color-divider);border-radius:var(--radius-md)}
.legal table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px;line-height:1.55}
.legal th,.legal td{text-align:left;vertical-align:top;padding:12px 16px;border-bottom:1px solid var(--color-divider)}
.legal tr:last-child td{border-bottom:0}
.legal th{font-family:var(--font-heading);font-weight:500;font-size:12.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-accent);background:color-mix(in srgb,var(--color-surface) 50%,transparent)}
.legal td{color:color-mix(in srgb,var(--color-text) 76%,transparent)}
.legal td code{font-size:13px;color:var(--color-text)}