/* Shared chrome for the legal pages. The homepage keeps its own inline styles;
   these two are text documents and only need the same tokens and type. */
:root{
  --ink:#1c1526; --ink-soft:#4a4159; --paper:#faf9fd; --paper-tint:#f3f0fb;
  --line:#e4def2; --violet:#5b3df5; --violet-deep:#2a1a6e; --violet-ink:#1b1140;
  --radius:14px;
  --display:"Space Grotesk",sans-serif;
  --body:"Inter",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.65;font-size:16px}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
h1,h2,h3{font-family:var(--display);line-height:1.15}
a{color:var(--violet);text-underline-offset:3px}
nav{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:62px;max-width:1080px}
.brand{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:700;color:var(--ink);text-decoration:none}
nav .links a{margin-left:18px;font-size:.9rem;color:var(--ink-soft);text-decoration:none}
nav .links a:hover{color:var(--violet)}
header{padding:54px 0 26px;border-bottom:1px solid var(--line);background:var(--paper-tint)}
header h1{font-size:2.3rem;margin-bottom:10px}
.eff{font-family:var(--mono);font-size:.78rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}
main{padding:34px 0 60px}
main h2{font-size:1.22rem;margin:30px 0 9px;color:var(--violet-ink)}
main h2:first-child{margin-top:0}
main p,main li{color:var(--ink-soft);margin-bottom:11px}
main ul{padding-left:20px}
main strong{color:var(--ink)}
.callout{border:1px solid var(--line);border-left:3px solid var(--violet);background:#fff;border-radius:var(--radius);padding:15px 17px;margin:18px 0}
.callout p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--line);background:var(--violet-ink);color:#cfc6ea;padding:26px 0;margin-top:20px}
footer a{color:#d9d0ff}
footer .fine{font-size:.82rem;line-height:1.55}
@media(max-width:640px){header h1{font-size:1.75rem} nav .links a{margin-left:12px;font-size:.83rem}}