/* Legal pages: a comfortable reading column. */
.legal-page{max-width:820px;padding-top:40px;padding-bottom:80px}
.legal-page h1{font-size:clamp(34px,4.2vw,50px);line-height:1.05;letter-spacing:-.02em;margin:10px 0 10px}
.legal-meta{font-size:14px;color:var(--muted);margin:0 0 28px}
.legal-body{font-size:16px;line-height:1.7;color:#3f463a}
.legal-body h2{font-size:22px;line-height:1.3;margin:40px 0 10px;color:var(--ink);scroll-margin-top:110px}
.legal-body h3{font-size:17px;margin:24px 0 6px;color:var(--ink)}
.legal-body p,.legal-body ul,.legal-body ol{margin:0 0 14px}
.legal-body ul,.legal-body ol{padding-left:22px}
.legal-body li{margin-bottom:6px}
.legal-body a{color:#b34d27;text-decoration:underline;text-underline-offset:3px}
.legal-body strong{color:var(--ink)}
.legal-lead{font-size:clamp(17px,1.5vw,19px);line-height:1.6;color:var(--ink)}
.legal-toc{margin:24px 0 8px;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.legal-toc ol{columns:2;column-gap:28px;margin:0;font-size:15px}
.legal-toc a{text-decoration:none}
.legal-notice{padding:14px 16px;border-left:3px solid var(--line);background:var(--white);font-size:14px;line-height:1.6}
.legal-table{overflow-x:auto;margin:10px 0 18px;border:1px solid var(--line);border-radius:12px}
.legal-table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.legal-table th,.legal-table td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.legal-table th{background:var(--white);color:var(--ink)}
.legal-table tr:last-child td{border-bottom:0}
.legal-steps li{margin-bottom:10px}
.legal-choice{margin:24px 0 32px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.legal-choice h2{margin-top:0}
.legal-choice-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.legal-choice-status{font-weight:700;color:#4f6a3e;min-height:1.2em}
.legal-related{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:15px}
.legal-related a{color:var(--ink)}
mark.legal-todo{background:#ffe9a8;color:#5a4300;padding:0 4px;border-radius:4px}
.legal-todo-banner{padding:12px 16px;border-radius:10px;background:#fff4cf;color:#5a4300;font-size:14px;line-height:1.5;margin:0 0 24px}
@media(max-width:760px){.legal-toc ol{columns:1}.legal-page{padding-top:24px}}