:root {
    --legal-bg: #07111d;
    --legal-panel: rgba(10, 21, 38, 0.88);
    --legal-border: rgba(126, 204, 255, 0.14);
    --legal-text: #f7fbff;
    --legal-muted: #b7c9da;
    --legal-accent: #008ef8;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
    min-height: 100vh;
    font-family: Inter, Arial, sans-serif;
    color: var(--legal-text);
    background:
        radial-gradient(circle at top left, rgba(0, 142, 248, 0.22), transparent 28%),
        radial-gradient(circle at bottom right, rgba(0, 200, 255, 0.14), transparent 26%),
        linear-gradient(180deg, #07111d 0%, #030b15 100%);
}
.legal-shell {
    width: min(980px, calc(100vw - 32px));
    margin: 28px auto;
    background: var(--legal-panel);
    border: 1px solid var(--legal-border);
    border-radius: 28px;
    padding: 28px;
    box-shadow: 0 24px 60px rgba(0, 10, 22, 0.34);
}
.legal-topbar { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom: 20px; }
.legal-brand { display:flex; align-items:center; gap:12px; }
.legal-brand img { width:52px; height:52px; border-radius:16px; }
.legal-brand strong { display:block; font-size: 20px; }
.legal-brand span, .legal-muted { color: var(--legal-muted); }
.legal-nav { display:flex; gap:12px; flex-wrap:wrap; }
.legal-nav a, .legal-back-link {
    color: var(--legal-text);
    text-decoration:none;
    background: rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 10px 14px;
    font-weight: 600;
}
.legal-nav a:hover, .legal-back-link:hover { border-color: rgba(126, 204, 255, 0.34); color: white; }
.legal-eyebrow {
    display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;
    background: rgba(0, 142, 248, 0.16); color:#dff3ff; font-size:13px; font-weight:700; margin-bottom:16px;
}
.legal-shell h1 { margin:0 0 14px; font-size: clamp(30px, 5vw, 44px); }
.legal-shell p, .legal-shell li { line-height:1.7; color: var(--legal-text); }
.legal-shell ul { padding-left: 22px; }
.legal-meta {
    display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:12px; margin: 20px 0 26px;
}
.legal-meta-card {
    background: rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:18px; padding:14px 16px;
}
.legal-meta-card strong { display:block; font-size:13px; color: var(--legal-muted); margin-bottom:6px; }
.legal-section { padding-top: 10px; }
.legal-section h2 { margin: 24px 0 10px; font-size: 22px; }
code.legal-inline-code { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; background: rgba(255,255,255,0.06); border-radius: 10px; padding: 2px 8px; }
.legal-footer-note { margin-top: 28px; padding-top: 16px; border-top:1px solid rgba(255,255,255,0.08); color: var(--legal-muted); }
@media (max-width: 720px) {
  .legal-shell { width: min(100vw - 18px, 980px); margin: 10px auto; padding: 18px; border-radius: 20px; }
}