/* Scope all presentation to the lower header bar. */
.vato-navigation-bar { background:var(--nav-background); color:var(--nav-text); border-bottom:var(--nav-border) solid var(--nav-border-color); }
.vato-navigation-bar .navigation-row { min-height:var(--nav-height); padding-inline:var(--nav-padding-x,0px); }
.vato-navigation-bar .category-nav,.vato-navigation-bar .vato-inline-menu { gap:var(--nav-gap); justify-content:var(--nav-align); font-family:var(--nav-font); font-size:var(--nav-size); font-weight:var(--nav-weight); }
.vato-navigation-bar .category-nav { padding-block:var(--nav-padding); }
.vato-navigation-bar .category-nav a { color:var(--nav-text); font-size:inherit; }
.vato-navigation-bar summary { font-family:var(--nav-font); font-size:var(--nav-size); padding-block:var(--nav-padding); }
.vato-navigation-bar .category-nav a:hover,.vato-navigation-bar .category-menu-panel a:hover { color:var(--nav-hover); }
.vato-navigation-bar .category-nav a[aria-current],.vato-navigation-bar .current-menu-item>a,.vato-navigation-bar details[open]>summary { color:var(--nav-active); }
.vato-navigation-bar a:focus-visible { outline:2px solid var(--nav-active); outline-offset:-2px; }
.vato-navigation-bar .category-menu-roots { grid-template-columns:repeat(var(--nav-columns),minmax(0,1fr)); }
.vato-navigation-bar .category-menu-panel { color:var(--ink); }
.vato-navigation-bar .category-nav { overflow-x:auto; }
.vato-navigation-bar .category-nav>a,.vato-navigation-bar .vato-inline-menu>li { flex-shrink:0; }
@media(max-width:700px) {
  .vato-navigation-bar .category-nav { font-size:var(--nav-mobile-size); gap:var(--nav-mobile-gap); padding-block:var(--nav-mobile-padding); }
  .vato-navigation-bar .vato-inline-menu { font-size:inherit; gap:var(--nav-mobile-gap); }
}
@media(max-width:700px) {
  .vato-navigation-bar .category-menu-roots { grid-template-columns:repeat(min(2,var(--nav-columns)),minmax(0,1fr)); }
  .vato-navigation-bar .category-dropdown summary { white-space:normal; overflow-wrap:anywhere; }
}