/* LEGAL pages (privacy, terms) — long-form reading layout on the shared token system. */
.legal{ max-width:760px; }
.legal-updated{ font-family:var(--mono); font-size:12px; letter-spacing:.06em; color:var(--muted); margin-bottom:8px; }
.legal h2{ font-family:var(--serif); font-weight:600; font-size:24px; letter-spacing:-.6px; color:var(--ink); margin:44px 0 16px; }
.legal h2:first-of-type{ margin-top:8px; }
.legal p{ font-family:var(--sans); font-weight:400; font-size:17px; line-height:1.72; color:var(--ink); margin:0 0 18px; }
.legal ul{ list-style:none; margin:0 0 18px; padding:0; }
.legal li{ position:relative; font-family:var(--sans); font-size:17px; line-height:1.65; color:var(--ink); padding:0 0 12px 24px; }
.legal li::before{ content:""; position:absolute; left:2px; top:11px; width:6px; height:6px; border-radius:50%; background:var(--accent); }
.legal a{ color:var(--accent-text); text-decoration:underline; text-underline-offset:2px; }
.legal .legal-note{ margin-top:44px; padding:20px 22px; border:1px solid var(--rule); border-radius:12px; background:var(--bg-alt); font-size:14px; line-height:1.6; color:var(--ink-soft); }
@media (max-width:860px){ .legal h2{ font-size:21px; } .legal p, .legal li{ font-size:16px; } }