/* Header dropdowns must sit above archive search bars (z-index:20),
   but below authentication and modal overlays (z-index:200+). */
.site-header:not(.account-header) { z-index: 100; }
.archive-directory-page .site-header { position: relative; }
.site-nav > a { white-space: nowrap; }
.seago-archive-dropdown { position: relative; }
.seago-archive-menu {
  display: none; position: absolute; z-index: 40; top: 100%; left: 50%;
  transform: translateX(-50%); min-width: 142px; padding: 8px;
  background: #031e27; border: 1px solid #39515a;
}
.seago-archive-dropdown:hover .seago-archive-menu,
.seago-archive-dropdown:focus-within .seago-archive-menu { display: grid; gap: 4px; }
.site-header .seago-archive-menu a { display: block; padding: 8px 10px; white-space: nowrap; }
.site-header .seago-archive-menu a:hover,
.site-header .seago-archive-menu a:focus { color: #082631; background: #ff8b42; }
@media (max-width: 800px) {
  .site-nav { overflow-y: auto; padding-bottom: 36px; }
  .site-nav .nav-dropdown-menu a { padding: 8px 10px; }
}
/* The directory header previously hid every navigation link on small screens. */
@media (max-width: 1000px) {
  .archive-directory-page .site-header { height: auto; min-height: 74px; padding-top: 12px; padding-bottom: 12px; }
  .archive-directory-page .site-header > nav { display: flex; grid-column: 1 / -1; grid-row: 2; flex-wrap: wrap; gap: 16px; }
  .archive-directory-page .site-header > :last-child { grid-row: 1; grid-column: 2; justify-self: end; }
}

/* Member shortcuts remain visible instead of disappearing below 900px. */
.portal-authenticated .portal-topbar {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 24px; padding-top: 10px; padding-bottom: 12px;
}
.portal-authenticated .portal-brand { grid-column: 1; grid-row: 1; }
.portal-authenticated .portal-user { grid-column: 2; grid-row: 1; }
.portal-authenticated .portal-top-links {
  display: flex; grid-column: 1 / -1; grid-row: 2;
  flex-wrap: wrap; justify-content: flex-start; gap: 6px 18px;
}
.portal-authenticated .portal-top-links a { padding: 5px 0; white-space: nowrap; }
.portal-sidebar nav .portal-platform-entry {
  display: grid; width: 100%; padding: 14px 13px; align-items: center;
  grid-template-columns: 30px 1fr; border-left: 3px solid #35b9e7;
  color: #102d69; background: #eef7fb; font-size: 13px; font-weight: 700;
  text-decoration: none;
}
.portal-sidebar nav .portal-platform-entry:hover,
.portal-sidebar nav .portal-platform-entry:focus-visible { background: #dceef6; }
@media (max-width: 640px) {
  .portal-authenticated .portal-topbar { gap: 8px 12px; }
  .portal-authenticated .portal-top-links { gap: 4px 14px; }
  .portal-sidebar nav .portal-platform-entry { padding: 12px; }
}