*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#222;line-height:1.65}
a{color:#0b5cab}.topbar{background:#0b2a4a;color:#fff;padding:9px 16px;font-size:14px}
.topbar a{color:#fff}header{border-bottom:1px solid #ddd}
nav.main{position:relative}nav.main>ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0 16px}
nav.main>ul>li{position:relative}nav.main>ul>li>a{display:block;padding:12px 10px;text-decoration:none;color:#222;font-weight:bold}
nav.main .menu{display:none;position:absolute;left:0;top:100%;background:#fff;border:1px solid #ddd;min-width:240px;z-index:50;list-style:none;margin:0;padding:8px 0}
nav.main .menu a{display:block;padding:8px 14px;text-decoration:none;font-weight:normal}
nav.main .has-menu:hover .menu,nav.main .has-menu:focus-within .menu{display:block}
main{max-width:1080px;margin:0 auto;padding:16px;min-width:0}
.hero{background:#eef4fa;border:1px solid #cdd9e5;padding:20px;margin:16px 0}
.hero p{margin:6px 0}.note{background:#fff8e1;border:1px solid #e6c87a;padding:14px;margin:16px 0}
.grid{display:flex;flex-wrap:wrap;gap:16px}.grid>*{min-width:0;flex:1 1 300px}
.card{border:1px solid #ddd;padding:14px}.img-slot{border:2px dashed #aaa;padding:28px;text-align:center;color:#666;margin:16px 0}
form label{display:block;margin:10px 0}input,textarea,select{width:100%;padding:8px;border:1px solid #aaa;min-width:0}
button{padding:10px 20px;background:#0b5cab;color:#fff;border:0;cursor:pointer}
footer{border-top:1px solid #ddd;padding:20px 16px;margin-top:32px;background:#f6f6f6}
#nav-toggle{display:none}label[for="nav-toggle"]{display:none}
@media(max-width:768px){
label[for="nav-toggle"]{display:block;padding:12px 16px;font-size:22px;cursor:pointer}
nav.main>ul{display:none;flex-direction:column}
#nav-toggle:checked ~ nav.main>ul{display:flex}
nav.main .menu{position:static;border:0}nav.main>ul>li{width:100%}}
@media(min-width:769px){li.lang-menu .menu{left:auto;right:0}}