.menu-toggle{display:none;border:1px solid #b8c8cc;background:#fff;color:var(--navy);border-radius:7px;padding:9px 11px;font:700 14px/1 Arial,Helvetica,sans-serif;cursor:pointer}
.menu-toggle:focus-visible,.nav a:focus-visible,.site-nav a:focus-visible{outline:3px solid rgba(36,127,136,.35);outline-offset:3px}
@media(max-width:900px){
  .site-header .wrap,body>header .wrap{position:relative;min-height:64px}
  .menu-toggle{display:inline-flex;align-items:center;gap:7px;min-height:42px}
  .menu-toggle::before{content:"☰";font-size:18px;line-height:1}
  .menu-toggle[aria-expanded="true"]::before{content:"×";font-size:24px}
  .nav,.site-nav{display:none;position:absolute;top:calc(100% + 1px);left:18px;right:18px;flex-direction:column;align-items:stretch;gap:0;padding:8px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 28px rgba(11,39,69,.15);z-index:20}
  .nav.is-open,.site-nav.is-open{display:flex}
  .nav a,.nav a:not(.cta),.site-nav a{display:block;padding:12px 13px;border-radius:6px;font-size:14px}
  .nav .cta{border-radius:6px}
}
@media(max-width:600px){.brand{white-space:normal;max-width:205px;line-height:1.15}}