:root{--display:"Fredoka",system-ui,sans-serif;--body:"Urbanist",system-ui,sans-serif;--lime:#d4ff64;--blue:#124f9a}*{box-sizing:border-box;margin:0;padding:0}
body{background:#fff;color:#46586a;font-family:var(--body);line-height:1.65}
.topbar{border-bottom:1px solid #eef2f5;padding:18px 5%}
.topbar img{width:clamp(118px,13vw,150px);height:auto;display:block}
.content{max-width:800px;margin:0 auto;padding:clamp(38px,6vw,72px) 5% clamp(60px,8vw,104px)}
h1{font-family:var(--display);font-weight:600;color:var(--blue);font-size:clamp(30px,5vw,48px);margin-bottom:8px}
.updated{color:#8aa0b4;font-size:14px;margin-bottom:20px}
.note{display:inline-block;background:#f1f6f7;color:#5d8ee8;font-weight:600;font-size:12.5px;border-radius:999px;padding:.45em 1.05em;margin-bottom:30px}
.content h2{font-family:var(--display);font-weight:600;color:var(--blue);font-size:clamp(19px,2.4vw,25px);margin:30px 0 10px}
.content p{margin-bottom:14px;font-size:clamp(15px,1.6vw,16.5px)}
.content ul{margin:0 0 16px;padding-left:22px}
.content li{margin-bottom:8px;font-size:clamp(15px,1.6vw,16.5px)}
.content strong{color:#2b3a4a}
.back{display:inline-block;margin-top:30px;color:var(--blue);font-weight:600;text-decoration:none}
.back:hover{text-decoration:underline}