:root{--ink:#121A3A;--ink2:#55608A;--line:#CBD2EC;--paper:#F6F7FF;--blue:#2B4BFF;--pinkD:#D62A74;--yellow:#FFD83D;--redT:#D92D20}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip}
body{background:var(--paper);color:var(--ink);font:400 17px/1.65 "Figtree",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;background-image:radial-gradient(var(--line) 1px,transparent 1.2px);background-size:22px 22px}
a{color:var(--blue);font-weight:600}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
.top{max-width:880px;margin:0 auto;padding:22px 20px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}
.logo{display:flex;align-items:center;gap:10px;font:800 19px "Bricolage Grotesque",sans-serif;letter-spacing:-.04em;color:var(--ink);text-decoration:none;white-space:nowrap}
.visor{width:34px;height:34px;border-radius:50%;background:var(--yellow);border:2.5px solid var(--ink);display:grid;place-items:center}
.visor span{display:flex;gap:3px;background:var(--ink);padding:4px 5px;border-radius:7px}
.visor i{width:4px;height:7px;background:#fff;border-radius:2px;display:block}
.back{font:700 14px "Figtree",sans-serif;color:var(--ink);background:#fff;border:2.5px solid var(--ink);border-radius:12px;padding:9px 14px;box-shadow:3px 3px 0 var(--ink);text-decoration:none}
main{max-width:880px;margin:26px auto 60px;padding:0 20px}
.doc{background:#fff;border:2.5px solid var(--ink);border-radius:24px;box-shadow:6px 6px 0 var(--ink);padding:44px 44px 36px}
.eyebrow{font:500 12px "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--pinkD)}
h1{font:800 clamp(36px,6vw,56px)/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.035em;margin:12px 0 10px}
.meta{font:500 13px "DM Mono",monospace;color:var(--ink2)}
.callout{background:var(--yellow);border:2.5px solid var(--ink);border-radius:16px;padding:18px 20px;margin:26px 0 8px;font-weight:600}
.callout.red{background:#FEECEB}
h2{font:800 22px/1.2 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em;margin:34px 0 10px}
p,li{color:#2A3355;margin-bottom:12px}
ul,ol{padding-left:22px;margin-bottom:12px}
li{margin-bottom:6px}
strong{color:var(--ink)}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.toc a{font:500 12px "DM Mono",monospace;text-decoration:none;color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:5px 11px;background:var(--paper)}
footer{max-width:880px;margin:0 auto 40px;padding:0 20px;font-size:13px;color:var(--ink2);display:flex;gap:16px;flex-wrap:wrap}
@media (max-width:640px){.doc{padding:28px 20px 22px;border-radius:20px}body{font-size:16px}}