:root{--ice:#E9ECFB;--frost:#F7F8FF;--ink:#1B1446;--ink-2:#4A4378;--gold:#F5B70F;--line:#C9CEEE;--tg:#2AABEE}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ice);color:var(--ink);font:400 17px/1.7 "Manrope",system-ui,sans-serif}
a{color:var(--ink);text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--tg);outline-offset:3px;border-radius:4px}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
.top{display:flex;align-items:center;justify-content:space-between;padding:22px 0}
.logo{display:flex;align-items:center;gap:10px;font:700 18px/1 "Unbounded",system-ui,sans-serif;text-decoration:none}
.logo img{width:30px;height:30px}
.top nav{display:flex;gap:18px;font-weight:700;font-size:15px}
.doc{background:var(--frost);border:2px solid var(--ink);border-radius:28px;padding:48px 56px 56px;margin:16px 0 40px;box-shadow:10px 10px 0 var(--ink)}
h1{font:900 clamp(28px,4vw,42px)/1.1 "Unbounded",system-ui,sans-serif;letter-spacing:-.03em;margin:0 0 10px}
.meta{color:var(--ink-2);margin:0 0 36px;font-size:15px}
h2{font:700 21px/1.3 "Unbounded",system-ui,sans-serif;letter-spacing:-.015em;margin:44px 0 12px}
p,li{max-width:68ch}
p{margin:0 0 12px}
ol,ul{margin:0 0 12px;padding-left:1.4em}
li{margin:0 0 8px}
.req{border-top:2px solid var(--ink);margin-top:44px;padding-top:6px}
.req dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 24px;margin:12px 0 0}
.req dt{font-weight:700}
.req dd{margin:0}
footer{padding:0 0 40px;font-size:14px;color:var(--ink-2)}
@media (max-width:640px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .doc{padding:28px 20px 32px;border-radius:20px;box-shadow:6px 6px 0 var(--ink)}
  .req dl{grid-template-columns:1fr;gap:0}
  .req dd{margin-bottom:10px}
}