header nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid #bdcda3;border-radius:8px;background:#eef3da;color:#244c3d;font-size:14px;font-weight:600;line-height:1.3;text-align:center;transition:background .18s,color .18s,border-color .18s}
header nav a:hover{background:#244c3d;color:#fff;border-color:#244c3d}
header nav a:focus-visible{outline:3px solid #a66c2c;outline-offset:3px;background:#244c3d;color:#fff}
@media(min-width:801px){header{height:auto;min-height:108px}header nav{flex:1}}
@media(max-width:800px){header{flex-wrap:wrap}header nav{order:3;flex:0 0 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}header nav a{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){header nav a{transition:none}}