/* V45 — Compact radio highlights rail. V47 moves heritage decoration to the header. */
.playground-site .on-air-hub .v45-hub-grid{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
.playground-site .on-air-hub .v45-hub-grid:has(.v45-highlights-rail:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(275px,30%)}
.playground-site .on-air-hub .v45-hub-grid>.hub-layout{min-width:0;border-bottom:0}
.playground-site .on-air-hub .v45-hub-grid:has(.v45-highlights-rail:not([hidden]))>.hub-layout{grid-template-columns:minmax(140px,29%) minmax(0,1fr)}
.playground-site .on-air-hub .v45-hub-grid .hub-copy{min-width:0}
.playground-site .on-air-hub .v45-hub-grid .hub-art{min-width:0}
.playground-site .on-air-hub .v45-hub-grid .hub-art strong{font-size:clamp(35px,3.1vw,54px)}

.playground-site .v45-highlights-rail:not([hidden]){
  display:flex;flex-direction:column;gap:0;min-width:0;max-height:420px;
  padding:18px 18px 20px;border-left:1px solid #e7fb5070;
  background:#e7fb50;color:#16121b;overflow:hidden;
}
.v45-highlights-top{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #16121b4d;padding-bottom:9px}
.v45-highlights-top .eyebrow{font-size:9px;color:#16121b;letter-spacing:.08em}
.playground-site .v45-highlights-rail h2{font:900 clamp(28px,3vw,41px)/.92 var(--heading,sans-serif);letter-spacing:-.045em;margin:13px 0 6px;font-style:normal;max-width:none}
.v45-highlights-accent{color:#ca2340}
.v45-highlights-lead{font-size:11px;line-height:1.4;margin:0 0 10px}
.playground-site .v45-highlights-rail .highlight-list{margin:0;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#16121b80 transparent}
.playground-site .v45-highlights-rail .ed-highlight{display:block;padding:13px 0 15px;gap:0;border-top:1px solid #16121b53}
.playground-site .v45-highlights-rail .ed-highlight .eyebrow{font-size:9px;color:#4d4b36}
.playground-site .v45-highlights-rail .ed-highlight h3{font-size:clamp(18px,2vw,24px);line-height:1.07;margin:7px 0}
.playground-site .v45-highlights-rail .ed-highlight p:not(.eyebrow){font-size:11px;line-height:1.45;margin:0 0 9px}
.playground-site .v45-highlights-rail .ed-highlight audio{width:100%;height:36px;min-width:0}
.playground-site .v45-highlights-rail .ed-highlight .ed-button{padding:9px 11px;min-height:35px;font-size:11px}

@media(max-width:1120px){
  .playground-site .on-air-hub .v45-hub-grid:has(.v45-highlights-rail:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(245px,33%)}
  .playground-site .on-air-hub .v45-hub-grid:has(.v45-highlights-rail:not([hidden]))>.hub-layout{grid-template-columns:1fr}
  .playground-site .on-air-hub .v45-hub-grid:has(.v45-highlights-rail:not([hidden])) .hub-art{display:none}
}
@media(max-width:760px){
  .playground-site .on-air-hub .v45-hub-grid:has(.v45-highlights-rail:not([hidden])){grid-template-columns:minmax(0,1fr)}
  .playground-site .v45-highlights-rail:not([hidden]){max-height:none;border-left:0;border-top:4px solid #16121b;padding:17px 19px 14px}
  .playground-site .v45-highlights-rail h2{font-size:32px}
  .playground-site .v45-highlights-rail .highlight-list{display:flex;gap:12px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x proximity;padding:0 0 9px}
  .playground-site .v45-highlights-rail .ed-highlight{flex:0 0 min(78vw,280px);scroll-snap-align:start;border-top:1px solid #16121b53}
}