*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;margin:0;color:#1c2733;line-height:1.7;background:#f4f6f8}
.topbar{background:#0b2239;color:#fff;padding:8px 16px;font-size:14px}.topbar a{color:#ffd166}
header{background:#123a5c;padding:0 16px}nav.main ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
nav.main>ul>li{position:relative}nav.main a{display:block;color:#fff;text-decoration:none;padding:14px 12px;font-size:15px}
nav.main a:hover{background:#0b2239}.menu{display:none;position:absolute;left:0;top:100%;background:#0b2239;min-width:260px;z-index:50;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.menu a{padding:10px 14px}.has-menu:hover>.menu,.has-menu:focus-within>.menu{display:block}
main{max-width:980px;margin:0 auto;background:#fff;padding:32px 28px}h1{font-size:30px;line-height:1.3;color:#0b2239}h2{color:#123a5c;margin-top:32px;border-bottom:2px solid #e3eaf0;padding-bottom:6px}
.hero{background:#eaf1f7;border-left:5px solid #123a5c;padding:18px 20px;margin:20px 0}
.ph{border:2px dashed #9fb3c8;background:#eef3f8;color:#40566b;text-align:center;padding:46px 16px;margin:20px 0;font-size:15px}
.note{background:#fff8e1;border:1px solid #f0d98a;padding:16px 18px;margin:20px 0}
ul.tight li{margin-bottom:6px}footer{background:#0b2239;color:#dbe7f0;padding:28px 16px;text-align:center}footer a{color:#ffd166}
a{color:#125a8f}.cta{display:inline-block;background:#c98a1b;color:#fff!important;padding:12px 22px;text-decoration:none;border-radius:4px;margin:12px 0}
.breadcrumb{font-size:13px;color:#5a6b7c}.card{background:#f4f6f8;padding:16px 18px;margin:14px 0}
@media(max-width:700px){main{padding:22px 16px}nav.main ul{flex-direction:column}.menu{position:static;box-shadow:none}}
@media(min-width:761px){li.lang-menu .menu{left:auto;right:0}}