/* Preserve the original reading order: logo/navigation, then action buttons. */
.site-header>nav{overflow:visible}
@media(min-width:981px){
 .site-header,.wlp-extension .site-header{
  display:grid;grid-template-columns:176px minmax(0,1fr);align-items:center;
  height:auto;min-height:0;padding:10px 32px 0;gap:0 24px;
 }
 .site-header>.brand{grid-column:1;grid-row:1;width:176px;height:64px;min-width:0;min-height:64px}
 .site-header .brand-logo{width:176px;min-width:0;max-width:100%;height:64px!important}
 .site-header>.header-actions{grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;gap:10px;min-width:0;flex-wrap:wrap;justify-content:flex-end;border-top:1px solid #dce5df;padding:8px 0 10px}
 .site-header .header-cta{min-height:44px;justify-content:center;padding:12px 16px;gap:8px;font-size:12px;line-height:1.4;letter-spacing:.06em;white-space:normal;text-align:center}
 .site-header .header-cta svg{width:16px;height:16px;flex:none}
 .site-header>nav{
  grid-column:2;grid-row:1;display:flex;width:100%;min-width:0;
  justify-content:flex-start;align-items:center;flex-wrap:wrap;
  gap:0 26px;min-height:64px;padding:0;
  overflow:visible;white-space:normal;border:0;
  font-size:14px;line-height:1.4;
 }
 .site-header>nav>a,.site-header>nav>button,.site-header>nav>.wlc-explore-menu>summary{
  display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;
 }
 .site-header>nav>button{white-space:normal}
 .site-header>.wlp-mobile-quote,.site-header>.wlp-mobile-menu{display:none}
}
/* The About page shares the same light header surface and logo treatment. */
.wlc-about .site-header{background:#fafbf8;color:#073936}
.wlc-about .site-header .brand-logo{filter:none}
.wlc-about .site-header a:focus-visible,.wlc-about .site-header summary:focus-visible{outline:2px solid #073936;outline-offset:4px}
@media(min-width:981px) and (max-width:1100px){
 .site-header,.wlp-extension .site-header{padding-inline:24px}
 .site-header>nav{column-gap:22px}
}
@media(max-width:980px){
 .site-header>.brand{max-width:100%}
 .site-header .brand-logo{min-width:0;max-width:100%;height:auto!important}
}