/* Two-tone DOSAAF header */
header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand contacts' 'nav nav';gap:0;padding:0;background:#076fa7;color:#fff;align-items:center}
header .brand{grid-area:brand;padding:24px 24px 24px 46px;min-width:0;gap:22px}
header .brand strong{color:#fff;font-size:27px;letter-spacing:-.5px;line-height:1.2}
header .brand small{color:#d4eaf5;font-size:12px;letter-spacing:.6px;line-height:1.5}
header .brand img{width:180px;height:auto;background:transparent}
header .utility{grid-area:contacts;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:9px;padding:24px 46px 24px 12px;max-width:380px;color:#e5f2fa;font-size:12px}
header .utility .header-address{margin:0;color:#e5f2fa;text-align:right;max-width:320px;line-height:1.5}
header .utility a{font-size:19px;font-weight:600;color:#fff}
header .utility button{color:#d4eaf5;font-size:11px}
header nav{grid-area:nav;background:#07517d;display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0;padding:10px 46px;border:0;flex-basis:auto;width:100%}
header nav>a,header .nav-group>summary{background:transparent;border:1px solid transparent;color:#fff;border-radius:8px;min-height:46px;padding:12px 20px;font-size:15px}
header nav>a:hover,header .nav-group>summary:hover,header .nav-group[open]>summary{background:#ffffff18;border-color:#ffffff40;color:#fff}
header .nav-group div{background:#fff;color:#294756;border:1px solid #d6e2ea;z-index:20}
header .nav-group div a{color:#294756}
main{padding-top:26px}
footer .footer-admin{margin-left:4px;min-height:44px;padding:10px 0;border:0;background:none;color:#637783;font-size:12px;text-decoration:underline;text-underline-offset:3px}
footer .footer-admin:hover{color:#07517d}
@media(max-width:1000px) and (min-width:761px){header .brand{padding-left:30px;gap:16px}header .brand img{width:150px}header .brand strong{font-size:23px}header .utility{padding-right:30px;max-width:300px}header nav{padding-left:30px;padding-right:30px}}
@media(max-width:760px){header{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:'brand toggle' 'contacts contacts' 'nav nav';column-gap:10px;padding:0}header .brand{padding:18px 0 10px 16px;gap:12px;min-width:0}header .brand img{width:112px;max-width:30vw}header .brand strong{font-size:clamp(16px,4.5vw,20px);letter-spacing:-.3px}header .brand small{font-size:9px;letter-spacing:.3px}header .menu-toggle{grid-area:toggle;display:block;width:40px;height:44px;margin:12px 12px 0 -12px;color:#fff;background:#ffffff18;border:1px solid #ffffff50;border-radius:8px}header .utility{padding:0 16px 16px;max-width:none;align-items:flex-start;gap:5px;flex-direction:row;flex-wrap:wrap;justify-content:space-between}header .utility .header-address{flex-basis:100%;max-width:none;text-align:left;font-size:12px}header .utility a{font-size:16px;min-height:38px}header .utility button{font-size:10px;min-height:38px;max-width:none;color:#e5f2fa}header nav{display:none;margin:0;padding:12px 16px;gap:6px}header nav.open{display:flex}header nav>a,header .nav-group>summary{font-size:15px;border-color:#ffffff22;background:#ffffff08;min-height:48px;padding:13px 16px}header .nav-group div{border:0;border-radius:8px;margin-top:5px;padding:6px 16px}main{padding-top:18px}footer .footer-admin{flex-basis:100%;text-align:left;margin:0;font-size:12px}footer p{margin:0}}
@media(max-width:360px){header .brand{gap:9px}header .brand img{width:95px}header .brand strong{font-size:15px}header .brand small{font-size:8px}}