@font-face{font-family:'Manrope';src:url('fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--violet:#6C2BF5;--bg:#F2F2F3;--ink:#16161A;--muted:#6A6A72;--line:#E6E6EA;
  --grad:linear-gradient(135deg,#4B21DB 0%,#6C2BF5 58%,#8A34F0 100%);
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.band{background:var(--grad);color:#fff;border-radius:0 0 36px 36px}
.band .in{max-width:820px;margin:0 auto;padding:22px 24px 48px}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:21px;letter-spacing:-.02em}
.brand img{width:34px;height:34px;border-radius:9px}
.top nav{display:flex;flex-wrap:wrap;gap:18px;font-size:15px;font-weight:600}
.top nav a{color:rgba(255,255,255,.85);text-decoration:none}
.top nav a:hover,.top nav a[aria-current]{color:#fff}
h1{font-size:clamp(36px,5vw,52px);line-height:1.05;letter-spacing:-.035em;margin:0 0 8px;font-weight:800}
.updated{margin:0;color:rgba(255,255,255,.8)}
main{max-width:820px;margin:0 auto;padding:40px 24px 0}
.card{background:#fff;border-radius:28px;padding:40px 44px;box-shadow:0 10px 26px rgba(28,12,20,.06)}
.summary{font-size:18px;font-weight:500;margin-bottom:24px}
.summary strong{color:var(--violet)}
h2{font-size:22px;letter-spacing:-.02em;margin:36px 0 8px;font-weight:800}
.card>h2:first-child{margin-top:0}
p,li{color:#2A2A30}
ul{padding-left:22px}
a{color:var(--violet)}
dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 28px;margin:0}
dt{font-weight:700}
dd{margin:0;color:#2A2A30}
.caps{font-size:15px}
:focus-visible{outline:3px solid #8A34F0;outline-offset:3px;border-radius:4px}
footer{max-width:820px;margin:0 auto;padding:36px 24px 56px;color:var(--muted);font-size:15px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
footer nav{display:flex;flex-wrap:wrap;gap:20px}
footer a{color:inherit;text-decoration:none}
footer a:hover{color:var(--violet)}
@media (max-width:600px){.card{padding:28px 22px}dl{grid-template-columns:1fr;gap:2px 0}dd{margin-bottom:12px}.top{flex-direction:column;align-items:flex-start;gap:14px}}
