/*
 * MR9 v10.11.6 — wide-laptop portal navigation
 * At the 1260–1439px ThinkPad-class breakpoint, expose About directly and
 * make the remaining disclosure a true portal-only menu. Smaller laptops
 * retain More; 1440px+ retains the established desktop Portals disclosure.
 */

@media (min-width: 1260px) and (max-width: 1439px) {
  .topbar > .desktop-nav > a[href="about.htm"] {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    height: 48px !important;
    min-height: 48px !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    line-height: 1 !important;
  }

  .topbar > .menu::before {
    content: "Portals" !important;
    font-size: 11px !important;
    letter-spacing: .065em !important;
  }

  .topbar > .menu {
    padding-inline: 10px 31px !important;
  }

  .topbar > .menu i {
    right: 10px !important;
  }

  .mobile-nav:not([hidden]) {
    width: min(320px, calc(100vw - 28px)) !important;
    max-width: 320px !important;
  }

  .mobile-nav nav {
    grid-template-columns: 1fr !important;
  }

  .mobile-nav nav a:not(.mr9-mobile-portal-link) {
    display: none !important;
  }
}