.legal { width:min(760px,100% - 24px); margin:16px auto 48px; background:var(--card); border-radius:24px; padding:clamp(18px,4vw,36px); box-shadow:0 14px 40px rgba(20,24,31,.08); line-height:1.6; }
.legal h1 { font-size:clamp(26px,5vw,34px); margin:0 0 6px; } .legal h2 { font-size:19px; margin:22px 0 4px; } .legal p, .legal li { font-size:16px; } .legal ul { padding-left:20px; }
.legal .draft { background:#fff6dc; color:#6b5200; border-radius:12px; padding:10px 14px; font-size:14px; }
.legal-nav { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:28px; padding-top:16px; border-top:1px solid var(--line); } .legal-nav a { min-height:44px; display:inline-flex; align-items:center; }