/*
 * OCFai CSS contract
 * AI_RULE: define only classes matching OCFAI_ALLOWED_PREFIXES in this file.
 * AI_RULE: shared UI patterns must use their canonical component CSS instead of local variants.
 * OCFAI_ROLE: component
 * OCFAI_ALLOWED_PREFIXES: mk-menu, mk-menu__
 */
/* Component: mk_menu */
.mk-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--mk-space-8);
}

.mk-menu__link {
  padding: 0;
  color: var(--mk-color-muted);
  font-size: var(--mk-font-size-sm);
  line-height: normal;
  text-decoration: none;
  transition: color var(--mk-motion-fast);
}

.mk-menu__link:hover,
.mk-menu__link:focus {
  color: var(--mk-color-accent);
}

@media (max-width: 991.98px) {
  .mk-menu {
    display: grid;
    gap: var(--mk-space-2);
    justify-content: stretch;
    padding: 0;
  }

  .mk-menu__link {
    display: block;
    padding: var(--mk-space-2) 0;
  }
}