/* MolMed's existing, longer labels use the shared navigation component. */
/* Restore the panel edge removed by shared parity.css. Both cues use the
   existing editable journal accent, without changing menu text or placement. */
.mm-presentation :is(.desktop-navigation, .compact-navigation) {
  --mm-menu-line-thickness: 2px;
}
.mm-presentation :is(.desktop-navigation, .compact-navigation) .mega-panel {
  border-top: var(--mm-menu-line-thickness) solid var(--rv-accent);
}
.mm-presentation :is(.desktop-navigation, .compact-navigation) > .rv-menu > li > .menu-item-row::after {
  background: var(--rv-accent);
  height: var(--mm-menu-line-thickness);
  bottom: 6px;
  pointer-events: none;
}
.mm-presentation :is(.desktop-navigation, .compact-navigation) > .rv-menu > li > .menu-item-row:is(:hover, :focus-within)::after {
  transform: scaleX(1);
}
.mm-presentation :is(.desktop-navigation, .compact-navigation) > .rv-menu > li > .menu-item-row > :is(a, button) {
  text-decoration: none;
}
@media (prefers-reduced-motion: reduce) {
  .mm-presentation :is(.desktop-navigation, .compact-navigation) > .rv-menu > li > .menu-item-row::after { transition: none; }
}

.journal-header .desktop-navigation > .rv-menu,
.compact-header .compact-navigation > .rv-menu {
  gap: clamp(8px, 1vw, 16px);
  align-items: stretch;
}
.journal-header .desktop-navigation > .rv-menu > li > .menu-item-row,
.compact-header .compact-navigation > .rv-menu > li > .menu-item-row {
  height: 100%;
}
.journal-header .desktop-navigation > .rv-menu > li > .menu-item-row > a,
.journal-header .desktop-navigation > .rv-menu > li > .menu-item-row > button,
.compact-header .compact-navigation > .rv-menu > li > .menu-item-row > a,
.compact-header .compact-navigation > .rv-menu > li > .menu-item-row > button {
  display: flex;
  align-items: center;
  min-height: 56px;
  padding-block: 10px;
  line-height: 1.4;
}
.journal-header .mm-nav-label,
.compact-header .mm-nav-label,
.mobile-menu .mm-nav-label {
  text-wrap: wrap;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.journal-header .mm-nav-group,
.compact-header .mm-nav-group,
.mobile-menu .mm-nav-group { white-space: nowrap; }

/* Use the existing accessible dialog before the nine labels become cramped. */
@media (max-width: 1200px) {
  .journal-header .desktop-navigation,
  .journal-header .navigation-line,
  .compact-header .compact-navigation { display: none; }
  .journal-header .mobile-menu-trigger,
  .compact-header .mobile-menu-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
  }
  .compact-header .compact-tools { margin-left: auto; }
}

/* The full journal name needs its own row beside the existing mobile controls. */
@media (max-width: 600px) {
  .journal-header .masthead {
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-block: 12px;
  }
  .journal-header .masthead > .journal-mark {
    flex: 0 0 100%;
    min-width: 0;
  }
}