/* Archive shortcuts inherit the existing navigation palette and typography. */
.nav-item { position: relative; display: flex; align-items: center; }
.nav-item > a { display: inline-flex; align-items: center; gap: 4px; }
.nav-dropdown-indicator { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.nav-submenu {
  position: absolute;
  top: 100%;
  left: 50%;
  min-width: 148px;
  padding-top: 12px;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms ease, visibility 120ms ease;
}
.nav-item:hover > .nav-submenu,
.nav-item:focus-within > .nav-submenu { visibility: visible; opacity: 1; pointer-events: auto; }
.nav-links .nav-submenu a {
  display: block;
  padding: 14px 20px;
  background: var(--paper-white);
  color: var(--burgundy);
  border-radius: 12px;
  box-shadow: var(--shadow-card);
  text-align: center;
  transition: background-color 120ms ease;
}
.nav-links .nav-submenu a::after { display: none; }
.nav-links .nav-submenu a:hover { background: var(--pink); }
.site-nav :focus-visible, .mobile-overlay :focus-visible { outline: 2px solid var(--burgundy); outline-offset: 4px; }
.mobile-nav-group { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.mobile-overlay .mobile-archive-link {
  display: grid;
  place-items: center;
  min-height: 44px;
  padding-inline: 16px;
  font-size: 1rem !important;
  line-height: 1.3;
  color: var(--burgundy);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.mobile-overlay { gap: 16px !important; padding: 72px 20px 32px !important; overflow-y: auto !important; justify-content: safe center !important; }

/* Faster entrances without making the decorative background restless. */
:root { --ru-reveal-duration: .35s; --ru-reveal-duration-long: .45s; }
.hero-slide { transition: opacity .45s var(--ease-editorial, ease), transform 2.4s ease; }
@media (prefers-reduced-motion: reduce) {
  .nav-submenu, .nav-links .nav-submenu a, .hero-slide { transition: none !important; }
}
