/* Apple-design cherry-picks for a static site: reduced-motion, press feedback,
   soft scroll-edge under the floating navbar. Loaded after each page's inline
   <style>, so these win. */

/* §14 Respect reduced motion — the hero blobs loop infinitely otherwise. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* §1 Response — instant press feedback on interactive surfaces. */
.gold-btn:active, .navy-btn:active, .glass-btn:active,
.portal-btn:active, .light-card:active,
.chapter-card:active, .collab-card:active {
  transform: scale(0.97);
  transition: transform 0.1s ease-out;
}

/* §12 Scroll edge — soft fade instead of a hard 1px divider under the
   solid navbar (index only turns solid on .scrolled; subpages are always
   solid and get the shadow inline). */
#navbar.scrolled {
  border-bottom-color: transparent !important;
  box-shadow: 0 8px 24px -16px rgba(15, 30, 60, 0.28);
}