/* Six-page navigation keeps a comfortable width on laptop screens. */
.hb-page .hb-navigation{gap:21px;white-space:nowrap}
.hb-page:is([data-locale=zh],[data-locale=ja],[data-locale=ko],[data-locale=ar]) .hb-navigation{gap:22px}
@media(min-width:901px) and (max-width:1100px){
 .hb-page .hb-header-inner{flex-wrap:wrap;gap:0;position:relative}
 .hb-page .hb-header-actions{margin-inline-start:auto;gap:20px}
 .hb-page .hb-header-actions>.hb-nav-cta{display:none}
 .hb-page .hb-menu-toggle{display:flex}
 .hb-page .hb-navigation{order:3;flex-basis:100%;border-top:1px solid var(--hb-line);display:flex;flex-wrap:wrap;gap:0;padding:12px 0 20px;font-size:13px}
 .hb-page .hb-navigation a{width:50%;padding:12px 0}
 .js .hb-page .hb-header[data-menu-open=false] .hb-navigation{display:none}
}
@media(max-width:900px){.hb-page .hb-navigation,.hb-page:is([data-locale=zh],[data-locale=ja],[data-locale=ko],[data-locale=ar]) .hb-navigation{gap:0}}