/**
 * Desktop blog dropdown: cap height to viewport so long article lists
 * do not extend below the fold. Scoped to >=769px so mobile stacked nav
 * (position: static) is unchanged.
 */
@media (min-width: 769px) {
  .dropdown-menu {
    max-height: calc(100vh - 96px);
    overflow-y: auto;
    overscroll-behavior: contain;
    max-width: min(480px, calc(100vw - 24px));
    scrollbar-width: thin;
  }

  .dropdown-menu::-webkit-scrollbar {
    width: 8px;
  }

  .dropdown-menu::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.22);
    border-radius: 4px;
  }

  .dropdown-menu::-webkit-scrollbar-track {
    background: transparent;
  }
}