@font-face{font-family:"Poppins";src:url("fonts/Poppins-Light.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/Poppins-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/Poppins-Medium.ttf") format("truetype");font-weight:500 700;font-display:swap}
:root{--ink:#13202E;--muted:#4E535A;--line:#E1E8EC;--tint:#F2F8FB;--gold:#2A9BD3;--brand:#1C7FB3;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;background:#fff;color:var(--ink)}
body{font-family:"Poppins","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.7;padding-top:env(safe-area-inset-top,0px)}
.wrap{max-width:780px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
header{border-bottom:1px solid var(--line);padding-block:20px}
header a{text-decoration:none;color:var(--ink);font-weight:500}
header a span{color:var(--gold)}
main{padding-block:56px 80px}
h1{font-weight:300;font-size:clamp(30px,5vw,42px);line-height:1.2;margin:0 0 8px;letter-spacing:-.015em}
h2{font-weight:500;font-size:19px;margin:40px 0 8px}
h3{font-weight:500;font-size:16px;margin:24px 0 4px}
p,li{color:var(--muted);margin:0 0 12px}
ul{padding-left:20px}
a{color:var(--brand)}
.draft{background:var(--tint);border-left:3px solid var(--gold);padding:12px 16px;font-size:14px;color:var(--ink);margin:20px 0 8px}
.ph{background:#FFF3D6;color:var(--ink);padding:0 4px;border-radius:3px}
footer{background:var(--ink);color:rgba(255,255,255,.72);padding-block:28px;font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:20px}
footer a{color:inherit;text-decoration:none}