.mlma-ui mlma-navigation { display: block; border-top: 4px solid var(--mlma-yellow); border-bottom: 1px solid var(--mlma-dark-line); border-radius: var(--mlma-radius); background-color: var(--mlma-black); color: var(--mlma-ink); }
.mlma-ui .mlma-nav { width: min(var(--mlma-content-width),calc(100% - 40px)); margin-inline: auto; }
.mlma-ui .mlma-nav__list { display: flex; align-items: center; gap: 22px; min-height: 76px; margin: 0; padding: 0; list-style: none; }
.mlma-ui .mlma-nav__list a { display: inline-flex; align-items: center; min-height: 48px; border-bottom: 3px solid transparent; color: var(--mlma-ink); font-size: .86rem; font-weight: 700; text-decoration: none; }
.mlma-ui .mlma-nav__list a:hover { text-decoration: underline; text-underline-offset: 4px; }
.mlma-ui .mlma-nav__list .is-current { border-bottom-color: var(--mlma-yellow); color: var(--mlma-yellow); }
.mlma-ui .mlma-nav__toggle { display: none; min-height: 44px; border: 1px solid var(--mlma-black); background: var(--mlma-yellow); color: var(--mlma-black); padding: 9px 12px; font: 800 .85rem var(--mlma-font-body); }
.mlma-ui mlma-navigation :is(a,button):focus-visible { outline: var(--mlma-focus-ring); outline-offset: 3px; }
@media (max-width: 850px) {
  .mlma-ui .mlma-nav { width: min(var(--mlma-content-width),calc(100% - 28px)); }
  .mlma-ui .mlma-nav__toggle { display: inline-flex; align-items: center; margin-block: 10px; }
  .mlma-ui .mlma-nav__list { display: none; min-height: 0; flex-direction: column; align-items: stretch; gap: 0; padding-bottom: 10px; }
  .mlma-ui .mlma-nav.is-open .mlma-nav__list { display: flex; }
  .mlma-ui .mlma-nav__list li { min-height: 48px; display: flex; align-items: center; border-top: 1px solid var(--mlma-dark-line); }
  .mlma-ui .mlma-nav__list a { width: 100%; min-height: 48px; padding: 8px 4px; }
  .mlma-ui .mlma-nav__toggle { min-height: 48px; padding-inline: 16px; }
}