body{margin:0;font:400 16px/1.7 Inter,system-ui,sans-serif;color:#0F1B1A;background:#F4F7F6}
header{background:#0B1F1C;padding:18px max(24px,env(safe-area-inset-left,0px))}
header a{color:#ECFDF8;text-decoration:none;font:600 18px Sora,Inter,sans-serif;display:inline-flex;align-items:center;gap:10px}
main{max-width:820px;margin:0 auto;padding:40px 24px 64px}
h1{font:600 30px/1.2 Sora,Inter,sans-serif;margin:0 0 6px}
h2{font:600 19px/1.3 Sora,Inter,sans-serif;margin:30px 0 8px}
p{margin:0 0 12px}
.d{color:#5B6E6A;font-size:14px;margin:0 0 24px}
section{background:#fff;border:1px solid #DCE5E2;border-radius:12px;padding:28px 30px;margin-bottom:28px}
a{color:#0F766E}
ul{padding-left:20px}
li{margin-bottom:8px}
nav.l{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
nav.l a{font-size:14px;font-weight:600;border:1px solid #DCE5E2;background:#fff;border-radius:8px;padding:6px 12px;text-decoration:none}
nav.l a[aria-current]{background:#0F766E;color:#fff;border-color:#0F766E}
@media(max-width:560px){main{padding:28px 16px 48px}section{padding:22px 18px}}