.BroadcastDetail-module_meta__A-0nc {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  flex-wrap: wrap;
}

.BroadcastDetail-module_broadcastDate__E4wLZ {
  font-family: var(--font-headline);
  font-size: var(--text-h3);
  line-height: var(--text-h3-line-height);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-top: var(--spacing-4);
}

.BroadcastDetail-module_container__trLSw {
  position: relative;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 9;
  background-color: var(--color-card-bg);
}

@media (max-width: 767px) {
  .BroadcastDetail-module_regionTitle__a9zpo {
    font-size: var(--text-h4);
    line-height: var(--text-h4-line-height);
  }

  .BroadcastDetail-module_container__trLSw {
    border-radius: var(--radius-lg);
  }
}
.BroadcastNav-module_bar__2m-g3 {
  display: flex;
  align-items: center;
  /* Centered by default (fullWidth + bleed contexts).
     SidebarLayout.main overrides to flex-start so the bar aligns with
     the rest of the column content in rail layout. */
  justify-content: var(--broadcast-nav-justify, center);
  gap: var(--spacing-4);
  flex-wrap: wrap;
}

/* ─── Segmented control (region toggle) ──────────────────────────────── */

.BroadcastNav-module_segmented__H2btH {
  display: flex;
  border: 1px solid var(--color-active);
  border-radius: var(--radius-pill);
  overflow: hidden;
}

.BroadcastNav-module_segment__w2zx2 {
  padding: var(--spacing-2) var(--spacing-4);
  background: transparent;
  color: var(--color-active);
  font-size: var(--text-small);
  line-height: var(--text-small-line-height);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  white-space: nowrap;
  transition: all var(--duration-20) ease;
  text-decoration: none;
  border: none;
}

.BroadcastNav-module_segment__w2zx2 + .BroadcastNav-module_segment__w2zx2 {
  border-left: 1px solid var(--color-active);
}

.BroadcastNav-module_segment__w2zx2:hover {
  background-color: color-mix(in srgb, var(--color-active) 15%, transparent);
}

.BroadcastNav-module_segment__w2zx2.BroadcastNav-module_active__egi2i {
  background-color: var(--color-active);
  color: var(--color-gray-900);
}

.BroadcastNav-module_segment__w2zx2.BroadcastNav-module_active__egi2i:hover {
  background-color: var(--color-active);
}

/* ─── Responsive region labels ───────────────────────────────────────── */

.BroadcastNav-module_labelShort__rYvaZ {
  display: none;
}

/* ─── Pill tabs (weekday) ────────────────────────────────────────────── */

.BroadcastNav-module_pills__pvEgQ {
  display: flex;
  gap: var(--spacing-2);
}

.BroadcastNav-module_pill__Z8dVt {
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--radius-pill);
  background: transparent;
  border: 1px solid var(--color-active);
  color: var(--color-active);
  font-size: var(--text-small);
  line-height: var(--text-small-line-height);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  white-space: nowrap;
  transition: all var(--duration-20) ease;
  text-decoration: none;
}

.BroadcastNav-module_pill__Z8dVt:hover {
  background-color: color-mix(in srgb, var(--color-active) 15%, transparent);
}

.BroadcastNav-module_pill__Z8dVt.BroadcastNav-module_active__egi2i {
  background-color: var(--color-active);
  border-color: var(--color-active);
  color: var(--color-gray-900);
}

/* ─── Mobile ─────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
  .BroadcastNav-module_labelFull__brhdQ {
    display: none;
  }

  .BroadcastNav-module_labelShort__rYvaZ {
    display: inline;
  }

  .BroadcastNav-module_segment__w2zx2 {
    padding: var(--spacing-2) var(--spacing-3);
    font-size: 0.75rem;
  }

  .BroadcastNav-module_pill__Z8dVt {
    padding: var(--spacing-1) var(--spacing-2);
    font-size: 0.75rem;
  }
}
/* Outer wrapper for the detail route's broadcastSlot.
   Follows the block container pattern: respects --block-container-padding
   (zeroed by SidebarLayout.main in split mode) and falls back to
   --spacing-container in fullWidth context. */

.sendungen-module_sectionWrapper__fDLYW {
  width: 100%;
  max-width: var(--max-width-content, var(--max-width-container));
  margin: 0 auto;
  padding-left: var(--block-container-padding, var(--spacing-container));
  padding-right: var(--block-container-padding, var(--spacing-container));
  padding-top: var(--section-wrapper-top, var(--spacing-8));
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6);
}

.sendungen-module_emptyCard__iycFg {
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-2xl);
}

@media (max-width: 767px) {
  .sendungen-module_emptyCard__iycFg {
    border-radius: var(--radius-lg);
  }
}