.legal{max-width:820px;margin:0 auto;padding:28px 20px 64px;line-height:1.9;font-size:15px}
.legal h1{font-size:28px;margin:0 0 6px}
.legal .upd{color:var(--muted);font-size:13px;margin:0 0 28px}
.legal h2{font-size:18px;margin:34px 0 8px;padding-top:6px;border-top:1px solid var(--line)}
.legal h3{font-size:15px;margin:18px 0 4px}
.legal p,.legal li{margin:6px 0}
.legal ol,.legal ul{padding-left:1.4em}
.legal table{width:100%;border-collapse:collapse;margin-top:8px}
.legal th,.legal td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.legal th{width:30%;background:color-mix(in srgb,var(--ink) 4%,var(--surface));font-weight:700}
.legal .todo{background:#FFF1A8;color:#3B3200;border-radius:3px;padding:0 3px}
.legal .note{font-size:13px;color:var(--muted)}
.legalnav{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;padding:22px 16px 32px;font-size:12px}
.legalnav a{color:var(--muted)}
@media (max-width:600px){.legal th{width:36%}.legal th,.legal td{padding:8px}}