:root{
  --bg:#f7f8fb; --surface:#ffffff; --ink:#141a24; --muted:#586273; --line:#e0e5ee; --accent:#2156c4;
  --display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif; --body:"Manrope","Segoe UI",system-ui,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root{ color-scheme:dark; --bg:#0f1319; --surface:#161b23; --ink:#e7ebf1; --muted:#9ba6b6; --line:#28303b; --accent:#86aef2; }
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg); color:var(--ink); font-family:var(--body); font-size:16.5px; line-height:1.65}
.wrap{max-width:860px; margin:0 auto; padding-inline:20px; padding-block:28px 64px}
nav{display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; padding-block:8px 28px}
nav .brand{font-family:var(--display); font-weight:700; font-size:22px; letter-spacing:.04em; color:var(--ink); text-decoration:none}
nav .links{display:flex; gap:18px; flex-wrap:wrap}
nav a{color:var(--muted); text-decoration:none; font-weight:600}
nav a:hover, nav a[aria-current="page"]{color:var(--ink)}
h1,h2,h3{font-family:var(--display); line-height:1.15; text-wrap:balance; margin:0}
h1{font-size:clamp(32px,6vw,52px); letter-spacing:-.01em}
h2{font-size:24px; margin-top:8px}
h3{font-size:18px}
main{display:flex; flex-direction:column; gap:36px}
section{display:flex; flex-direction:column; gap:14px}
p{margin:0; max-width:66ch}
.lede{font-size:19px; color:var(--ink)}
.muted{color:var(--muted)}
.grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
@media (max-width:760px){ .grid{grid-template-columns:1fr} }
.card{background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:18px; display:flex; flex-direction:column; gap:8px}
.status{font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--accent)}
.policy h2{margin-top:18px} .policy ul{margin:0; padding-left:1.2em; max-width:66ch}
.policy li{margin-block:6px}
.notice{background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:16px 18px}
footer{margin-top:48px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:14px; display:flex; flex-direction:column; gap:4px}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent); outline-offset:2px}