.heroimg{width:100%;height:auto;aspect-ratio:16/9;border-radius:20px;border:2px solid var(--navy);box-shadow:6px 6px 0 var(--navy);margin:8px 0 24px;display:block}.thumb{width:calc(100% + 52px);margin:-26px -26px 14px;height:auto;aspect-ratio:16/9;object-fit:cover;max-width:none;border-radius:18px 18px 0 0;border-bottom:2px solid var(--navy);display:block}
@font-face{font-family:'Clash Display';src:url(/assets/ClashDisplay-Semibold.otf) format('opentype');font-weight:600;font-display:swap}
:root{--navy:#0B2A44;--sky:#3AA6E8;--deep:#1B7FC1;--ice:#E8F5FD;--dark:#0B1622;--yellow:#FFD54A}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--dark);background:#fff;line-height:1.7;font-size:17px}
a{color:var(--deep)}h1,h2,h3{font-family:'Clash Display',Inter,sans-serif;font-weight:600;color:var(--navy);line-height:1.15;letter-spacing:-.01em}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.top{background:var(--sky)}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px}
.logobadge{background:#fff;border-radius:16px;padding:10px 16px;box-shadow:4px 4px 0 var(--navy);display:inline-flex}.logo{height:52px}
.links a{color:var(--navy);font-weight:600;text-decoration:none;margin:0 12px}.links a.on{border-bottom:3px solid var(--yellow)}
.btn{display:inline-block;background:var(--yellow);color:var(--navy);font-weight:700;text-decoration:none;padding:12px 20px;border-radius:999px;border:2px solid var(--navy);box-shadow:3px 3px 0 var(--navy)}
.hero{background:var(--sky);padding:40px 0 70px}.hero h1{font-size:clamp(36px,6vw,64px);margin:0 0 12px}.hero p{font-size:19px;max-width:640px;color:var(--navy)}
.hero .kick{display:inline-block;background:var(--yellow);color:var(--navy);font-weight:700;padding:4px 12px;border-radius:999px;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin:-40px auto 60px}
.card{background:#fff;border:2px solid var(--navy);border-radius:20px;padding:26px;box-shadow:6px 6px 0 var(--navy);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .15s}
.card:hover{transform:translate(-2px,-2px)}.card h2{font-size:24px;margin:10px 0}.card p{margin:0 0 16px;color:#33475b}.card .more{margin-top:auto;font-weight:700;color:var(--deep)}
.tag{font-size:13px;font-weight:700;color:var(--deep);background:var(--ice);padding:3px 10px;border-radius:999px;align-self:flex-start}
article{max-width:740px;margin:0 auto;padding:40px 22px 30px}article h2{font-size:30px;margin:44px 0 10px}article h3{font-size:22px;margin:28px 0 6px}
.meta{color:var(--navy);font-weight:500;font-size:15px}
.note{background:var(--ice);border-left:5px solid var(--sky);padding:16px 20px;border-radius:12px;margin:24px 0}
table{border-collapse:collapse;width:100%;margin:18px 0;font-size:15px}th,td{border:1px solid #cfe3f2;padding:10px;text-align:left;vertical-align:top}th{background:var(--ice);color:var(--navy)}
.cta{background:var(--navy);color:#fff;border-radius:24px;padding:34px;margin:50px 0 10px}.cta h2{color:#fff;margin-top:0}.cta p{color:#d6e9f7}
.crumb{font-size:14px}.crumb a{color:var(--navy)}
footer{background:var(--dark);color:#b9cbe0;padding:40px 0;margin-top:40px}footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}footer img{height:44px}footer a{color:#fff}
@media(max-width:760px){.links{display:none}.logo{height:40px}.nav .btn{padding:9px 14px;font-size:14px}article h2{font-size:25px}body{font-size:16px}}