@font-face{font-family:"Source Sans Pro";src:url(assets/sourcesanspro-regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Source Sans Pro";font-weight:700;src:url(assets/sourcesanspro-700.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Open Sans";font-weight:700;src:url(assets/opensans-700.woff2) format("woff2");font-display:swap}
:root{--blue:#149EFC;--yellow:#F8E71C;--ink:#06121f}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#d8e3ee;font:17px/1.65 "Source Sans Pro",system-ui,sans-serif}
header{position:sticky;top:0;background:rgba(6,18,31,.92);backdrop-filter:blur(8px);border-bottom:1px solid #ffffff14;padding:14px 20px}
header a{color:#fff;font:700 18px "Open Sans",sans-serif;text-decoration:none}
main{max-width:820px;margin:0 auto;padding:40px 20px 80px}
h1{font:700 clamp(30px,5vw,44px)/1.15 "Open Sans",sans-serif;color:#fff;margin:0 0 6px}
h2{font:700 22px/1.3 "Open Sans",sans-serif;color:#fff;margin:40px 0 8px;scroll-margin-top:80px}
h3{color:#fff;font-size:18px;margin:22px 0 4px}a{color:var(--blue)}
.edit{background:#F8E71C22;border:1px dashed var(--yellow);color:var(--yellow);padding:1px 6px;border-radius:4px;font-size:.9em}
.box{background:#0d2137;border:1px solid #ffffff1a;border-radius:14px;padding:18px 20px;margin:18px 0}
.muted{color:#8ea3b8;font-size:15px}footer{border-top:1px solid #ffffff14;padding:24px 20px;text-align:center;color:#8ea3b8;font-size:14px}
