/* The policy pages. Same tokens as the site, its own file for the same reason
   status.css is: these share a header and nothing else with the brochure, and the
   content-security-policy forbids a <style> block, so there is nowhere else to put
   five rules. Delete this file when the real policies replace the notices. */
:root{
  --ink-900:#141926;--ink-800:#1e2433;--ink-700:#2d3447;--ink-300:#a8b8cc;
  --canvas:#f6f7f9;--line:#e4e7ec;--text:#1a1f2b;--text-mid:#5b6474;
  --accent:#2563eb;--accent-sf:#eff4ff;
  --ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 var(--ui);color:var(--text);background:var(--canvas)}
img{display:block;max-width:100%}
a{color:var(--accent)}
a:focus-visible{outline:3px solid #93b4ff;outline-offset:2px}
.wrap{max-width:720px;margin:0 auto;padding-inline:24px}

header{background:var(--ink-900);padding:18px 0}
header .wrap{display:flex;align-items:center;gap:14px;color:var(--ink-300);font-size:14px}
header a{margin-left:auto;color:var(--ink-300)}

main{padding:56px 0 24px}
h1{font-size:clamp(28px,4vw,38px);line-height:1.15;letter-spacing:-.015em;margin:0 0 14px}

/* The status of the document, not a decoration: it is the whole reason for the page. */
.flag{display:inline-block;background:var(--accent-sf);border:1px solid #cfe0ff;color:#1b47b8;
  border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;margin:0 0 28px}

.lede{font-size:18px;color:var(--text-mid);margin:0 0 22px}
p{margin:0 0 18px}
h2{font-size:17px;margin:32px 0 12px}
ul{margin:0 0 18px;padding-left:22px}
li{margin-bottom:8px}

.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 26px;margin:0 0 26px}
.card p:last-child{margin-bottom:0}

footer{border-top:1px solid var(--line);margin-top:40px;padding:24px 0 56px;
  font-size:14px;color:var(--text-mid)}
footer .wrap{display:flex;gap:14px 26px;flex-wrap:wrap;align-items:center}