header{padding-top:16px;padding-bottom:16px;gap:16px}header nav{gap:16px}header nav .btn{padding:11px 16px}
@media(min-width:941px){header{flex-wrap:nowrap}header nav{width:auto}.brand{font-size:20px;flex-shrink:0}header nav a{font-size:12px}}
@media(max-width:940px){header{gap:12px}header nav{gap:10px}}
@media(max-width:620px){header{padding:14px 20px}header nav .btn{padding:9px 8px;font-size:12px}}

.menu-toggle{display:none;font:600 14px 'Segoe UI',sans-serif;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:5px;min-height:44px;padding:10px 16px;align-items:center;gap:10px;cursor:pointer}
.menu-toggle:focus-visible,header nav a:focus-visible{outline:3px solid #718457;outline-offset:3px}
@media(max-width:940px){
 header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
 header .brand{flex-shrink:0}
 header.nav-ready .menu-toggle{display:inline-flex}
 header nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
 header.nav-ready nav{display:none}
 header.nav-ready.nav-open nav{display:grid}
 header nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.4;border-radius:4px}
 header nav a[aria-current="page"]{background:#edf3d7}
 header nav .btn{padding:12px;font-size:14px;grid-column:1/-1;justify-content:center}
}