/* Shared site header + main menu (homepage, directory, blog). Large text and 44px targets (WCAG AA+). */
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:12px;top:10px;z-index:100;background:#fff;color:#111;padding:12px 16px;border-radius:6px;font-weight:800;font-size:18px}
.site-head{background:#1d1b19;color:#f4f0e6;position:sticky;top:0;z-index:30}
.site-head .wrap{display:flex;align-items:center;gap:12px;min-height:68px;position:relative}
.site-head .brand{font-size:18px;color:#f4f0e6;margin-right:auto;min-height:44px;white-space:nowrap}
.mainnav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.mainnav a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:6px;font-size:18px;font-weight:600;color:#f4f0e6;text-decoration:none;white-space:nowrap}
.mainnav a:hover{background:rgba(255,255,255,.12);text-decoration:underline;text-underline-offset:5px}
.mainnav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px}
.site-head a:focus-visible,.site-head button:focus-visible{outline:3px solid #ffd166;outline-offset:2px}
.site-head .go{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:6px;background:#c8202f;color:#fff;font-weight:800;font-size:18px;text-decoration:none;white-space:nowrap}
.site-head .go:hover{background:#a8172a}
.menu-btn{display:none;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:6px;border:2px solid #f4f0e6;background:transparent;color:#f4f0e6;font:700 18px "Archivo",system-ui,sans-serif;cursor:pointer}
.menu-btn svg{width:20px;height:20px}
@media (max-width:1000px){
  .js .menu-btn{display:inline-flex}
  .js .mainnav ul{display:none}
  .js .mainnav.open ul{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:0;right:0;top:100%;background:#1d1b19;padding:8px 16px 18px;border-top:1px solid rgba(255,255,255,.15);box-shadow:0 14px 30px rgba(0,0,0,.35)}
  .js .mainnav.open a{min-height:52px;font-size:20px;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0}
  .mainnav{order:2}.site-head .go{order:3}
}
@media (max-width:1000px){html:not(.js) .mainnav ul{flex-wrap:wrap}}
@media (max-width:440px){.site-head .brand{font-size:15px;font-stretch:100%;gap:8px;letter-spacing:.01em}.site-head .brand svg{width:20px;height:20px}.site-head .go{padding:0 12px;font-size:16px}.menu-btn{padding:0 10px;font-size:16px}.menu-btn .lbl{display:none}}
@media (max-width:380px){.site-head .go-price{display:none}.site-head .wrap{gap:8px}.site-head .brand{font-size:14px}}