html, body { min-height: 100%; background: var(--bg); }
.legal-page { min-height: 100svh; display: grid; place-items: start center; padding: 42px 18px; }
.legal-card { width: min(760px, 100%); border: 1px solid var(--line); border-radius: 5px; background: var(--panel); padding: 26px; }
.legal-back { width: min(760px, 100%); color: var(--muted); text-decoration: none; margin-bottom: 14px; font-size: 13px; }
.legal-back:hover { color: var(--text); text-decoration: underline; }
.legal-card h1 { margin: 0; font-size: clamp(30px, 5vw, 48px); letter-spacing: -.04em; }
.legal-updated { color: var(--muted); font-size: 12px; margin: 8px 0 0; }
.legal-intro { color: #aaa; line-height: 1.65; margin: 18px 0 24px; }
.legal-section { border-top: 1px solid var(--line-soft); padding: 18px 0 0; margin-top: 18px; }
.legal-section h2 { margin: 0 0 10px; font-size: 16px; }
.legal-section ul { margin: 0; padding-left: 20px; color: #aaa; line-height: 1.65; }
.legal-section li + li { margin-top: 6px; }