/* Braza design versions — shared structure (each version's own file sets fonts, colors and personality) */
.pills.small { display: none !important; }                       /* no 15 / 30 / 60 second jumps */
.wrap { max-width: 1240px; }
#player { max-width: 900px; margin: 0 auto; }
.home { padding: 18px clamp(16px, 4vw, 40px) 40px; }

/* rows of cards */
.vlist { display: block; }
.vsec { margin: 34px 0 0; }
.vsec-h { display: flex; align-items: baseline; gap: 10px; margin: 0 0 6px; }
.vrow-wrap { position: relative; margin-top: 10px; }
.vrow-h { display: flex; align-items: baseline; gap: 8px; margin: 14px 0 8px; }
.vrow-h i { font-style: normal; opacity: .55; font-size: .85em; }
.vrow { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x proximity; scroll-padding: 0 2px;
  padding: 2px 2px 12px; scrollbar-width: none; }
.vrow::-webkit-scrollbar { display: none; }
.vrow .card { flex: none; width: clamp(210px, 23vw, 290px); scroll-snap-align: start; flex-direction: column; align-items: stretch;
  gap: 10px; padding: 0; background: none; border: 0; text-align: left; }
.vrow .card img { width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 10px; transition: transform .25s ease, filter .25s ease; }
.vrow .card:hover img, .vrow .card:focus-visible img { transform: scale(1.03); filter: brightness(1.08); }
.vrow .card .t { font-size: 15px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vrow .card .s { font-size: 13px; }
.vrow-arrow { position: absolute; top: calc(50% - 28px); width: 40px; height: 40px; border-radius: 50%; border: 0;
  background: rgba(0,0,0,.65); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; z-index: 2; opacity: 0; transition: opacity .2s; }
.vrow-wrap:hover .vrow-arrow { opacity: 1; }
.vrow-arrow.prev { left: -14px; } .vrow-arrow.next { right: -14px; }
@media (hover: none) { .vrow-arrow { display: none; } }

/* featured banner */
.vhero { position: relative; overflow: hidden; margin: 6px 0 22px; }
.vhero[hidden] { display: none; }
.vh-bg { position: absolute; inset: 0; background: #111 center / cover no-repeat; transition: background-image .5s; }
.vh-shade { position: absolute; inset: 0; }
.vh-text { position: relative; z-index: 1; }
.vh-title { margin: 0; }
.vh-cta { cursor: pointer; border: 0; }
.vh-dots { position: absolute; z-index: 2; display: flex; gap: 6px; }
.vh-dots button { width: 7px; height: 7px; padding: 0; border-radius: 50%; border: 0; background: rgba(255,255,255,.35); cursor: pointer; }
.vh-dots button[aria-current="true"] { background: #fff; width: 20px; border-radius: 4px; }
body:not(.v-home) .vhero { display: none; }

/* podcast shows: square covers */
.vrow .card.show, .vrow .card.is-pod { width: clamp(150px, 16vw, 200px); }
.vrow .card.show img, .vrow .card.is-pod img { width: 100%; aspect-ratio: 1; }
body:not(.v-on-home) .vside { display: none; }