/* Legal pages (privacy, cookies, affiliate agreement).
   Tokens (--ink, --green, fonts, etc.) come from members.css :root. */
.legal{max-width:820px;margin:0 auto;padding:44px 32px 88px}
.legal-back{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;margin:0 0 26px}
.legal-back a{color:var(--green)}

.legal h1{font-family:var(--font-display);font-size:clamp(28px,4.4vw,46px);line-height:1.04;letter-spacing:-.015em;color:var(--ink);margin:0 0 12px}
.legal h1 + p{font-family:var(--font-mono);font-size:12.5px;color:var(--muted);letter-spacing:.02em;margin:0 0 8px}
.legal h2{font-family:var(--font-display);font-size:clamp(19px,2.4vw,26px);line-height:1.1;color:var(--ink);margin:44px 0 12px;padding-top:22px;border-top:2px solid var(--line)}
.legal h3{font-family:var(--font-display);font-size:18px;color:var(--ink);margin:26px 0 8px}

.legal p,.legal li{font-size:15px;line-height:1.75;color:var(--text)}
.legal p{margin:12px 0}
.legal strong{color:var(--ink);font-weight:600}
.legal a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.legal a:hover{color:var(--green-deep)}

.legal ul,.legal ol{padding-left:22px;margin:12px 0}
.legal li{margin:6px 0}

.legal hr{border:none;border-top:2px solid var(--line);margin:36px 0}

.legal table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13.5px;display:block;overflow-x:auto}
.legal th,.legal td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;line-height:1.55}
.legal th{background:var(--bg-3);font-family:var(--font-mono);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
.legal td{color:var(--text)}

.legal blockquote{border-left:3px solid var(--green);margin:16px 0;padding:4px 0 4px 18px;color:var(--muted)}
.legal code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-3);padding:1px 5px}

@media(max-width:640px){ .legal{padding:32px 20px 64px} }