/* Admin Support dropdown: click or tap to open. */
#navigation .admin-menu { position: relative; }
#navigation .admin-menu > summary { cursor: pointer; font-size: 15px; font-weight: 600; white-space: nowrap; }
#navigation .admin-menu > summary:focus-visible { outline: 3px solid var(--red); outline-offset: 5px; }
#navigation .admin-menu-links { position: absolute; top: calc(100% + 12px); left: 0; z-index: 100; min-width: 230px; padding: 8px; background: #fff; color: var(--ink); border: 1px solid var(--line); border-radius: 4px; box-shadow: 0 8px 24px #132d4220; }
#navigation .admin-menu-links a { display: block; padding: 12px; font-size: 15px; line-height: 1.4; }
#navigation .admin-menu-links a:hover { background: var(--pale); }
@media (min-width: 1101px) { #navigation { gap: 18px; } }
@media (max-width: 1100px) {
  header .nav { flex-wrap: wrap; }
  header .menu { display: block; background: #fff; border: 1px solid var(--line); padding: 10px 16px; border-radius: 3px; color: var(--ink); }
  #navigation { display: none; width: 100%; align-items: stretch; flex-direction: column; gap: 0; padding-top: 15px; }
  #navigation.open { display: flex; }
  #navigation > a, #navigation .admin-menu > summary { display: block; padding: 13px 0; border-top: 1px solid var(--line); }
  #navigation .admin-menu > summary::after { content: ' ▾'; }
  #navigation .admin-menu-links { position: static; min-width: 0; width: 100%; margin-bottom: 8px; box-shadow: none; }
}