/* Zusätzliche, spezifische Stile für sprechenzeit.live, die Tailwind CSS ergänzen */

body {
  /* Sicherstellen, dass die Seite beim Scrollen weich gleitet */
  scroll-behavior: smooth;
}

/* Animation Engine for Flex-Grow Cards */
.flex-expand-card {
  flex: 1;
  /* Hard cut = no transition properties */
}

/* ANTI-FLICKER HITBOX: Creates a magnetic safety net around the card */
.flex-expand-card::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -20px;
  background: transparent;
  z-index: 1;
}

.flex-expand-card > * {
  position: relative;
  z-index: 10;
}

.flex-expand-card:hover, .flex-expand-card:focus-within {
  flex: 2.2;
}

@media (max-width: 1279px) {
  .flex-expand-card {
    min-height: 90px;
  }
}