/* page-legal.php — long-text reading column. Tokens from site.css only. */
.legal-status{margin-top:16px}
.legal-status .fill{font-size:13px;padding:5px 10px}
.legal-body{padding-top:56px}
.legal{max-width:680px;margin:0 auto;overflow-wrap:anywhere}
.legal h2{font-size:clamp(23px,2.4vw,29px);letter-spacing:-.025em;line-height:1.2;margin:48px 0 14px;scroll-margin-top:90px}
.legal h2:first-child{margin-top:0}
.legal h3{font-size:18px;margin:28px 0 10px}
.legal p,.legal li{font-size:17px;line-height:1.7;color:var(--body)}
.legal p+p,.legal ul+p,.legal p+ul,.legal ol+p,.legal p+ol{margin-top:14px}
.legal ul,.legal ol{padding-left:1.3em;display:grid;gap:6px}
.legal li::marker{color:var(--olive)}
.legal strong{color:var(--ink);font-weight:600}
.legal a{color:var(--olive);text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:var(--ink)}
.legal .fill{white-space:normal}
@media (max-width:560px){.legal-body{padding-top:40px}.legal p,.legal li{font-size:16.5px}}