:root{
  --bg:#fafafb; --bg-panel:#fff; --text:#18181b; --text-muted:#6b6b75; --text-faint:#9999a1;
  --line:#ececf0; --uno-violet:#5b5be8; --uno-violet-deep:#4a4ad6; --radius:8px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;font-size:15px}
a{color:var(--uno-violet);text-decoration:none}
a:hover{color:var(--uno-violet-deep);text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 24px 80px}
header.legal{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:40px}
.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;color:var(--text)}
.brand:hover{text-decoration:none}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:var(--uno-violet);color:#fff;font-size:14px}
header.legal nav{font-size:13px;color:var(--text-muted)}
header.legal nav a{color:var(--text-muted);margin-left:14px}
h1{font-size:28px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.meta{color:var(--text-faint);font-size:13px;margin-bottom:36px}
h2{font-size:18px;font-weight:700;margin:32px 0 10px}
p,ul,ol{margin-bottom:12px;color:var(--text)}
ul,ol{padding-left:22px}
li{margin-bottom:5px}
.card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin:16px 0;font-size:14px}
footer.legal{border-top:1px solid var(--line);margin-top:56px;padding-top:20px;font-size:13px;color:var(--text-faint)}
footer.legal a{color:var(--text-faint)}
