/* Keep the header steady while the translated content arrives. */
html[data-language-transition="exit"] #main {
  animation: language-exit 160ms ease-out forwards;
}
html[data-language-transition="enter"] #main {
  animation: language-enter 320ms cubic-bezier(.22, 1, .36, 1);
}
html[data-language-transition="enter"] :is(.language-switch [aria-pressed="true"], .mobile-language) {
  animation: language-control 360ms ease-out;
}
@keyframes language-exit {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: .55; transform: translateY(-6px); }
}
@keyframes language-enter {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes language-control {
  from { box-shadow: 0 0 0 5px #a8bf7b33; }
  to { box-shadow: 0 0 0 0 transparent; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-language-transition] #main,
  html[data-language-transition] :is(.language-switch [aria-pressed="true"], .mobile-language) { animation: none; }
}