body {
  font-family: system-ui, sans-serif;
  margin: 4rem;
}

/* Aktiviert automatische Cross-Document View Transitions.
   Kein Fallback nötig: Browser ohne Support ignorieren das
   @-Rule einfach und navigieren normal. */
@view-transition {
  navigation: auto;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}