.legal { max-width: 720px; margin: 0 auto; padding: max(20px, env(safe-area-inset-top)) 16px 60px; line-height: 1.6; }
.legal h1 { font-size: clamp(30px, 8vw, 40px); margin-top: 18px; }
.legal h2 { font-size: 18px; margin: 30px 0 8px; }
.legal p, .legal li { color: var(--soft); }
.legal b { color: var(--text); }
.legal ul { padding-left: 20px; }
.legal li { margin-bottom: 6px; }
.legal .updated { font-family: var(--mono); font-size: 12px; color: var(--dim); }
.legal .summary { padding: 16px 18px; margin: 18px 0 10px; }
.legal .summary > b { font-family: var(--mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--cyan); }
.back-link { display: inline-block; font-family: var(--mono); font-size: 12px; text-decoration: none; padding: 8px 12px; border-radius: 12px; border: 1px solid var(--edge); background: var(--glass); color: var(--text); }