.legal { max-width: 880px; margin: 2rem auto; padding: 1.5rem; }
.legal h1 { font-size: clamp(24px, 3.6vw, 34px); margin: 0 0 .5rem; }
.legal .muted { opacity: .75; font-size: .95rem; }
.legal nav { margin: 1rem 0 1.5rem; }
.legal nav a { display:inline-block; margin:.25rem .75rem .25rem 0; text-decoration:none; color:var(--accent,#4f8cff); }
.legal section { margin: 1.25rem 0 1.75rem; }
.legal h2 { font-size: clamp(18px, 2.5vw, 24px); margin:.2rem 0 .75rem; }
.legal h3 { font-size: clamp(16px, 2.2vw, 20px); margin:.75rem 0 .25rem; }
.legal p, .legal li { line-height: 1.65; }
.legal ul { padding-left: 1.2rem; }
.aside { opacity:.85; font-style: italic; }
.badge { display:inline-block; padding:.2rem .45rem; border:1px solid rgba(255,255,255,.2); border-radius:999px; font-size:.8rem; margin-left:.5rem; }
.box { padding: .9rem 1rem; border:1px solid rgba(255,255,255,.15); border-radius:12px; background: rgba(255,255,255,.04); }
.top { position:fixed; right: 16px; bottom: 16px; padding:10px 12px; border-radius:10px; background:var(--accent,#4f8cff); color:#fff; text-decoration:none; }