/* Transform/opacity-only enhancements; no hidden-content dependency or scroll hijack. */
@keyframes public-menu-enter {
  from { opacity: .3; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes public-answer-enter {
  from { opacity: .3; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: no-preference) {
  #authScreen :is(.auth-mobile-menu, .welcome-community)[open] > :is(nav, div),
  body:is(.page-directory, .page-detail) :is(.mobile-nav, .public-community)[open] > div {
    animation: public-menu-enter 180ms ease-out;
  }
  .section-audience .audience-faq details[open] > p { animation: public-answer-enter 220ms ease-out; }
  .section-audience .audience-faq summary > span { transition: transform 180ms ease; }
  #authScreen :is(button, .welcome-button, .auth-header-join, .welcome-popular a),
  #accountScreen :is(button, .account-back),
  body:is(.page-directory, .page-detail) :is(.mobile-nav summary, .audience-primary, .audience-secondary, .gate-actions a, .opportunity-submit) {
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
  }
  #authScreen :is(button, .welcome-button, .auth-header-join):active,
  #accountScreen button:active,
  body:is(.page-directory, .page-detail) :is(.audience-primary, .audience-secondary, .gate-actions a, .opportunity-submit):active {
    transform: translateY(1px);
  }
}
@media (prefers-reduced-motion: reduce) {
  #authScreen *, #accountScreen *,
  body:is(.page-directory, .page-detail) :is(.mobile-menu, .public-community > div, .audience-page *, .opportunity-card) {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  #authScreen .welcome-grid > a:hover, #authScreen .welcome-desk > a:hover > span:last-child { transform: none; }
}
@media (hover: none), (pointer: coarse) {
  #authScreen .welcome-grid > a:hover, #authScreen .welcome-desk > a:hover > span:last-child { transform: none; }
}