:root{--cyan-ink:#0E7C93;--charcoal:#434345;--ink:#2B2D2F;--muted:#5C6468;--line:#DDE3E6;--soft:#F4F7F8}
*{box-sizing:border-box}
body{margin:0;font-family:Figtree,system-ui,sans-serif;font-size:17px;line-height:1.6;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
header{border-bottom:1px solid var(--line);padding:16px 0}
header .in,main,footer .in{max-width:760px;margin:0 auto}
header .in,footer .in{padding:0 20px}
header img{height:34px;width:auto;display:block}
main{padding:40px 20px 56px}
h1{font-family:Outfit,system-ui,sans-serif;font-weight:600;font-size:34px;line-height:1.15;color:var(--charcoal);margin:0 0 6px}
h2{font-family:Outfit,system-ui,sans-serif;font-weight:600;font-size:21px;line-height:1.25;color:var(--charcoal);margin:34px 0 8px}
p,li{margin:0 0 12px}
ul{padding-left:22px;margin:0 0 12px}
a{color:var(--cyan-ink)}
.date{color:var(--muted);font-size:15px;margin-bottom:26px}
.box{background:var(--soft);border-radius:12px;padding:16px 18px;margin:18px 0}
.box p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--line);padding:22px 0;font-size:14px;color:var(--muted)}
@media (max-width:640px){body{font-size:16px}h1{font-size:28px}main{padding-top:28px}}