.logo{color:inherit;text-decoration:none}
.legal{max-width:760px;margin-inline:auto;padding-block:8px 64px;display:flex;flex-direction:column;gap:14px}
.legal h1{font-size:clamp(38px,6vw,56px)}
.legal h2{font-size:clamp(26px,4vw,34px);margin-top:28px;scroll-margin-top:16px}
.legal h3{font-family:var(--sans);font-size:17px;font-weight:600;margin-top:10px}
.legal p,.legal li,.legal dd{color:var(--ink-2);max-width:68ch}
.legal ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.legal a{color:var(--nar)}
.legal .toc{display:flex;flex-wrap:wrap;gap:8px}
.legal .toc a{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;color:var(--ink);text-decoration:none;background:var(--card)}
.legal table{border-collapse:collapse;width:100%;font-size:15px;display:block;overflow-x:auto}
.legal th,.legal td{border-bottom:1px solid var(--line);padding:10px 12px 10px 0;text-align:left;vertical-align:top;color:var(--ink-2)}
.legal th{color:var(--ink);font-weight:600;white-space:nowrap}
.legal dl{margin:0;display:grid;grid-template-columns:180px 1fr;gap:12px 20px}
.legal dt{font-weight:600}
.legal dd{margin:0}
.legal .box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.legal .sel{user-select:all;font-weight:600;color:var(--ink)}
.legal .foot-links{margin-top:28px}
@media (max-width:600px){.legal dl{grid-template-columns:1fr;gap:4px}.legal dd{margin-bottom:10px}}