/* 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}
/* THE 44px FLOOR, ON THE LANDING'S LEGAL PAGES (decision 0051, reached here
   at audit 2 and not before). The index page's own comments said this floor
   had been reached "the way apps/app/legal.css already reaches it"; that is a
   different file, and this one was last touched on 11 August. Three links on
   three public pages sat under the floor, and no rendered guard had ever
   opened these pages to notice. The brand lockup is the first thing a thumb
   reaches for and measured 27px, which is the same number legal_viewport.
   test.js found on the app's copy of it. None of this changes the drawn text:
   inline-flex plus a minimum height, with no button's worth of chrome. */
.nav .brand{display:inline-flex;align-items:center;gap:9px;min-height:44px;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;display:inline-flex;align-items:center;min-height:44px;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)}
/* A row of destinations rather than links inside a sentence, so these clear
   the floor too. apps/app/legal.css fixed this exact row in these exact
   words. */
.legal-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--ember-deep);font-weight:600;text-decoration:none}