html,body{margin:0;min-height:100%;background:var(--sx-color-void);color:var(--sx-color-text);font-family:var(--sx-font-ui)}
body{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.legal-header,.legal-navigation,.legal-content{max-width:860px;margin:0 auto}
.legal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.legal-header a,.legal-navigation a{color:var(--sx-color-cyan-highlight);display:inline-flex;align-items:center;min-height:44px;padding:4px 8px}
.legal-navigation{display:flex;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--sx-color-border);padding:12px 0}
.legal-navigation [aria-current]{color:var(--sx-color-text);font-weight:800}
.legal-content{line-height:1.7;overflow-wrap:anywhere}
.legal-content p{color:var(--sx-color-text-secondary);font-size:16px}
.legal-content h1{font-size:clamp(25px,5vw,36px)}
.legal-content h2{font-size:21px;margin-top:28px}
.legal-header button{min-height:44px;padding:8px 12px;background:var(--sx-color-surface);color:var(--sx-color-text);border:1px solid var(--sx-color-border);border-radius:6px}
a:focus-visible{outline:2px solid var(--sx-color-cyan-highlight);outline-offset:2px}
.legal-links{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.legal-links a{color:var(--sx-color-cyan-highlight);min-height:44px;display:inline-flex;align-items:center}