/* Keep the conversion path available without cramming three links onto a phone. */
.site-header > nav .nav-cta .neon-ink::after { opacity: 1; background: currentColor; }
.site-header > nav .nav-cta:hover .neon-ink::after,
.site-header > nav .nav-cta:focus-visible .neon-ink::after { background: var(--link-paint, currentColor); }
.site-header .mobile-navigation { display: none; }
.closing-light .closing-secondary { margin-top: 8px; color: var(--muted); }
.closing-light .closing-secondary .neon-ink::after { opacity: 0; }
.closing-light .closing-secondary:hover .neon-ink::after,
.closing-light .closing-secondary:focus-visible .neon-ink::after { opacity: 1; }
@media (max-width: 767px) {
  .site-header > nav { display: none; }
  .site-header .mobile-navigation { display: block; position: relative; margin-left: auto; }
  .site-header .mobile-navigation > summary {
    min-height: 44px; display: flex; align-items: center; justify-content: flex-end;
    list-style: none; font: 400 14px/24px var(--mono); text-transform: uppercase;
    color: var(--canvas-ink); padding: 0; cursor: pointer;
  }
  .site-header .mobile-navigation > summary::-webkit-details-marker { display: none; }
  .site-header .mobile-navigation[open] > summary { text-decoration: underline; text-underline-offset: 6px; }
  .site-header .mobile-navigation > nav {
    position: absolute; z-index: 20; top: 52px; right: 0; display: grid; gap: 8px;
    width: min(312px, calc(100vw - 48px)); padding: 24px;
    background: var(--bg); color: var(--canvas-ink);
    box-shadow: 0 12px 32px #0002;
  }
  .site-header .mobile-navigation > nav a {
    display: flex; align-items: center; min-height: 48px; font-size: 16px;
    line-height: 24px; color: inherit;
  }
  .site-header .mobile-navigation > nav .neon-ink { line-height: 24px; }
  .site-header .mobile-navigation > nav .nav-cta .neon-ink::after { opacity: 1; background: currentColor; }
}
@media (forced-colors: active) {
  .site-header .mobile-navigation > nav { background: Canvas; color: CanvasText; outline: 1px solid CanvasText; }
}
@media (max-width: 767px) {
  .site-header .mobile-navigation > nav a.nav-cta { display: flex; }
}