/* Keep page navigation native; fading the body exposes the browser's light canvas. */

.dropdown > div,
.wn-dropdown > div {
  transform-origin: top center;
  animation: waystone-menu-in 170ms cubic-bezier(.2,.8,.2,1) both;
}
.dropdown[open] summary::after,
.wn-dropdown[open] summary::after { transform: rotate(180deg); }
.dropdown summary::after,
.wn-dropdown summary::after { display: inline-block; transition: transform 170ms ease; }
.navigation-menu.open,
.wn-navigation-menu.open { animation: waystone-mobile-menu-in 190ms cubic-bezier(.2,.8,.2,1) both; }
.theme-toggle-icon { transition: transform 180ms ease; }
.theme-toggle:active .theme-toggle-icon { transform: rotate(24deg) scale(.88); }

@keyframes waystone-menu-in {
  from { opacity: 0; transform: translateY(-7px) scale(.985); }
  to { opacity: 1; transform: none; }
}
@keyframes waystone-mobile-menu-in {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .dropdown > div,
  .wn-dropdown > div,
  .navigation-menu.open,
  .wn-navigation-menu.open { animation: none !important; }
  .dropdown summary::after,
  .wn-dropdown summary::after,
  .theme-toggle-icon { transition: none !important; }
}