.legal{max-width:760px;margin-inline:auto;padding:28px 16px 64px;line-height:1.65}
.legal header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.legal .logo{font-size:26px}
.legal nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}
.legal h1{font-size:clamp(28px,5vw,38px);margin-bottom:6px}
.legal h2{font-family:var(--body);font-size:18px;font-weight:700;margin:30px 0 8px}
.legal p,.legal li{max-width:68ch}
.legal ul{padding-left:20px}
.legal .meta{color:var(--muted);font-size:14px}
.legal .box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:14px 0}
.legal table{border-collapse:collapse;width:100%;font-size:14px}
.legal th,.legal td{border-bottom:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}
.legal .scroll{overflow-x:auto}