/* Brief feedback without delaying navigation or moving the page layout. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: congo-leave 120ms ease-out both; }
::view-transition-new(root) { animation: congo-enter 180ms ease-out both; }
@keyframes congo-leave { to { opacity: 0; } }
@keyframes congo-enter { from { opacity: 0; } to { opacity: 1; } }
:where(header a, header button, nav a, [role="tab"], .booking-slot, .studio-booking button) {
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
:where(header button, .studio-booking button):active { scale: .98; }
:where(a,button,input,select,textarea):focus-visible { outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
  :where(header a,header button,nav a,[role="tab"],.booking-slot,.studio-booking button) { transition:none; }
  :where(header button,.studio-booking button):active { scale:1; }
}