*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#222;line-height:1.6}
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;gap:0;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:220px;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}
li.lang-menu .menu{left:auto;right:0}
nav.main .has-menu:hover .menu,nav.main .has-menu:focus-within .menu{display:block}
main{max-width:1100px;margin:0 auto;padding:16px;min-width:0}
.grid{display:flex;flex-wrap:wrap;gap:16px}.grid>*{min-width:0;flex:1 1 300px}
img{max-width:100%;height:auto}.tablewrap{overflow-x:auto}
table{border-collapse:collapse;width:100%}th,td{border:1px solid #ccc;padding:8px;text-align:left;min-width:0}
form label{display:block;margin:10px 0}input,textarea{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 (hover:hover){a:hover{text-decoration:underline}button:hover{opacity:.9}}
button:active{transform:scale(.97)}
@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%}
}