/* Sendungen: page-local companion to the homepage V3.9 design. */
.rb-shows { --shows-border: rgba(255,255,255,.11); --shows-muted: #c7d0da; }
.rb-shows .subhero { padding: clamp(1.5rem,4vw,3.5rem) 0 2rem; }
.rb-shows .breadcrumbs { margin: 0 0 1.6rem; }
.rb-shows .kicker { padding: 0; border: 0; background: none; }
.rb-shows h1 { font-size: clamp(2.8rem,6vw,4.7rem); margin-bottom: .8rem; }
.rb-shows .lead { max-width: 76ch; color: #d7dde5; font-size: clamp(1rem,1.5vw,1.13rem); line-height: 1.7; }
.rb-shows .button-row { margin-top: 1.25rem; }
.shows-jump { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.8rem; }
.shows-jump a { padding: .55rem .85rem; border: 1px solid var(--shows-border); border-radius: 999px; background: #10151d; color: #d7dde5; text-decoration: none; font-size: .85rem; font-weight: 700; }
.shows-jump a:hover { color: #ffd06d; border-color: #ffd06d; }
.rb-shows .show-list { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 1.15rem; }
.rb-shows .shows-card { display: flex; flex-direction: column; gap: 0; grid-column: span 2; min-width: 0; padding: 0; overflow: hidden; border: 1px solid var(--shows-border); border-radius: 24px; background: linear-gradient(145deg,#111821,#0c1118); box-shadow: 0 18px 44px rgba(0,0,0,.20); scroll-margin-top: 120px; }
.rb-shows .shows-copy { padding: clamp(1.25rem,2.3vw,1.85rem); min-width: 0; }
.rb-shows .shows-card h2 { margin: .6rem 0 .9rem; font-size: clamp(1.45rem,2.3vw,1.95rem); letter-spacing: -.025em; line-height: 1.12; overflow-wrap: anywhere; }
.rb-shows .shows-card p { color: var(--shows-muted); margin: 0; line-height: 1.7; }
.rb-shows .shows-card .eyebrow { font-size: .72rem; line-height: 1.65; }
.rb-shows .shows-card strong { color: #eef1f5; }
.rb-shows .shows-copy > a { display: inline-block; margin-top: 1.2rem; padding: .45rem 0; font-weight: 800; }
.shows-art { background: #0a0e14; border-bottom: 1px solid var(--shows-border); }
.shows-art img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.rb-shows .shows-card--audiocast { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); align-items: center; border-radius: 28px; background: linear-gradient(135deg,#10151d,#0a0e14 65%,#101924); }
.shows-card--audiocast .shows-art { padding: 1.2rem; border: 0; background: none; }
.shows-card--audiocast .shows-art img { aspect-ratio: 3 / 2; border-radius: 16px; }
.rb-shows .shows-card--audiocast h2 { font-size: clamp(1.9rem,3.2vw,2.8rem); }
.rb-shows .shows-card--update { grid-column: span 3; display: flex; flex-direction: column; gap: 0; padding: 0; }
.rb-shows .shows-card--morgen-rock { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); align-items: center; background: linear-gradient(135deg,#141014,#0a0e14 52%,#0b1624); }
.shows-art--morgen-rock { border-bottom: 0; border-right: 1px solid var(--shows-border); background:#080c12; }
.shows-art--morgen-rock img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.rb-shows .shows-card--morgen-rock h2 { font-size: clamp(1.9rem,3vw,2.7rem); }
.shows-card--update .shows-copy { padding: clamp(1.25rem,2.3vw,1.85rem); }
.shows-symbol { display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid var(--shows-border); border-radius: 16px; font-size: 1.65rem; background: linear-gradient(135deg,rgba(255,106,26,.16),rgba(22,141,226,.12)); }
.rb-shows .shows-card--ki-news { grid-column: span 3; display: flex; flex-direction: column; }
.shows-art--ki-news { border-bottom: 1px solid var(--shows-border); background: #0a0e14; }
.shows-art--ki-news img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; object-position: center; }
.shows-art--update { border-bottom: 1px solid var(--shows-border); background: #0a0e14; }
.shows-art--update img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; object-position: center; }
.shows-card--ki-news .shows-copy { display:flex; flex-direction:column; justify-content:flex-start; }
.shows-more { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 1.15rem; margin-top: clamp(2.5rem,5vw,4rem); }
.rb-shows .shows-more > div { margin: 0; min-width: 0; border: 1px solid var(--shows-border); border-radius: 24px; background: linear-gradient(145deg,#111821,#0c1118); padding: clamp(1.25rem,2.5vw,2rem); }
.rb-shows .visual-split { grid-template-columns: minmax(0,.7fr) minmax(0,1fr); gap: 1.4rem; }
.rb-shows .visual-split-image { padding: 0; border: 0; background: none; box-shadow: none; }
.rb-shows .shows-more h2 { font-size: clamp(1.5rem,2.4vw,2rem); letter-spacing: -.025em; }
.rb-shows .shows-more p:not(.eyebrow) { color: var(--shows-muted); }
.rb-shows .action-feature { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.rb-shows .action-feature::before { display: none; }
@media (max-width: 1000px) {
  .rb-shows .shows-card { grid-column: span 3; }
  .rb-shows .shows-card--audiocast, .rb-shows .shows-card--morgen-rock { grid-column: 1 / -1; }
  .rb-shows .shows-card--power-hour { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,.65fr) minmax(0,1fr); align-items: center; }
  .shows-more { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .rb-shows .show-list { grid-template-columns: minmax(0,1fr); gap: 1rem; }
  .rb-shows .shows-card, .rb-shows .shows-card--audiocast, .rb-shows .shows-card--morgen-rock, .rb-shows .shows-card--power-hour { grid-column: auto; display: flex; flex-direction: column; border-radius: 22px; }
  .rb-shows .shows-card--update { display: flex; flex-direction: column; }
  .rb-shows .shows-card--ki-news { display:flex; flex-direction:column; }
  .shows-art--ki-news { border-bottom:1px solid var(--shows-border); }
  .shows-art--morgen-rock { border-right:0; border-bottom:1px solid var(--shows-border); }
  .shows-art--ki-news img { aspect-ratio: 3 / 2; object-fit: contain; }
  .shows-art--update img { aspect-ratio: 3 / 2; object-fit: cover; }
  .shows-symbol { width: 44px; height: 44px; font-size: 1.35rem; border-radius: 12px; }
  .shows-card--audiocast .shows-art { padding: .85rem .85rem 0; }
  .rb-shows .shows-copy { width: 100%; }
  .rb-shows .subhero { padding-bottom: 1.5rem; }
  .rb-shows .shows-more .visual-split { grid-template-columns: 1fr; }
  .rb-shows .visual-split-image img { max-height: 240px; margin-inline: auto; }
  .rb-shows .subhero .button-secondary { width: 100%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.rb-shows) { scroll-behavior: auto; }
}