/* Shared stylesheet for the legal pages: /risk, /terms, /privacy.
   All color comes from tokens.css variables; no raw color lives here. */
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--surface);font-family:'PlexS',sans-serif;color:var(--ink);
  -webkit-font-smoothing:antialiased}
.wrap{max-width:640px;margin:0 auto;padding:0 20px 60px}
.nav{display:flex;align-items:center;gap:9px;padding:18px 0 6px}
.nav .brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}
.mark{height:16px;width:auto;display:block}
.wordmark{font-size:16px;font-weight:600;letter-spacing:-0.01em}
.nav .home{margin-left:auto;font-size:13px;font-weight:600;color:var(--ember-deep);text-decoration:none}
.draft{margin-top:18px;background:var(--warn-bg);border:1px solid var(--warn-line);
  border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--ink)}
h1{font-size:30px;line-height:36px;font-weight:600;letter-spacing:-0.02em;margin:20px 0 0}
.updated{margin-top:8px;font-family:'PlexM',monospace;font-size:10.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-faint)}
.lede{margin-top:14px;font-size:15px;line-height:23px;color:var(--ink-muted)}
.lede b{color:var(--ink);font-weight:600}
h2{font-size:18px;font-weight:600;letter-spacing:-0.01em;margin:28px 0 0}
p{margin-top:10px;font-size:14px;line-height:22px;color:var(--ink-muted)}
p b{color:var(--ink);font-weight:600}
ul{margin:10px 0 0 18px}
li{font-size:14px;line-height:22px;color:var(--ink-muted);margin-top:6px}
li b{color:var(--ink);font-weight:600}
a{color:var(--ember-deep)}
footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}
.legal{font-size:11.5px;line-height:18px;color:var(--ink-faint)}
.legal b{color:var(--ink-muted);font-weight:500}
.legal-links{margin-top:12px;font-size:12px;color:var(--ink-faint)}
.legal-links a{color:var(--ember-deep);font-weight:600;text-decoration:none}