/* Keep the Services footer outside the scrollable list, inside the menu. */
@media (min-width: 1081px) {
  .nav-group:has(> a[href="services.html"]) .mega-menu {
    min-height: 0;
    max-height: var(--services-menu-space, calc(100dvh - 220px));
    grid-template-rows: minmax(0, 1fr);
  }
  .nav-group:has(> a[href="services.html"]) .mega-menu-copy {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    min-height: 0;
    max-height: calc(var(--services-menu-space, 100dvh - 220px) - 18px);
    padding: 20px;
    overflow: hidden;
    scrollbar-width: none;
  }
  .nav-group:has(> a[href="services.html"]) .mega-links {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: none;
    scroll-padding-block: 4px;
    align-content: start;
    grid-auto-rows: max-content;
    padding: 4px;
    gap: 6px;
  }
  .nav-group:has(> a[href="services.html"]) .mega-menu-copy::-webkit-scrollbar,
  .nav-group:has(> a[href="services.html"]) .mega-links::-webkit-scrollbar { display: none; width: 0; height: 0; }
  .nav-group:has(> a[href="services.html"]) .mega-kicker { margin-bottom: 8px; }
  .nav-group:has(> a[href="services.html"]) .mega-intro { margin-bottom: 12px; font-size: 12px; line-height: 1.5; }
  .nav-group:has(> a[href="services.html"]) .mega-links a { min-height: 58px; padding: 10px 12px; }
  .nav-group:has(> a[href="services.html"]) .mega-link-copy { min-width: 0; gap: 4px; }
  .nav-group:has(> a[href="services.html"]) .mega-link-copy small { overflow-wrap: anywhere; }
  .nav-group:has(> a[href="services.html"]) .mega-all { margin-top: 12px; min-height: 36px; flex-shrink: 0; }
  .nav-group:has(> a[href="services.html"]) .mega-preview { min-height: 0; }
}