/* Keep the shelf hierarchy quiet: compact resumes, numbered posters, large voices. */
#main .tv-home .section { margin-top: 34px; }
#main .section-subtitle { margin: 5px 0 0; font-size: 12px; line-height: 1.4; color: #a8adb0; }
#main .section-heading .section-link { display: inline-flex; align-items: center; gap: 3px; }
#main .section-heading .section-link svg { width: 15px; height: 15px; }
#main .top-ten-shelf .shelf > .card { flex-basis: calc((100vw - var(--sidebar-width) - 2 * var(--gutter) - 5 * var(--card-gap)) / 6); }
#main .top-ten-shelf .card-art { aspect-ratio: 2 / 3; }
#main .top-ten-shelf .card-caption > strong { display: block; overflow: visible; -webkit-line-clamp: unset; font-size: 13px; font-weight: 600; line-height: 1.22; }
#main .top-ten-shelf .card-caption > small { font-size: 10px; }
#main .chart-number { position: absolute; z-index: 3; top: 9px; left: 13px; font-size: 39px; line-height: 1; font-weight: 750; letter-spacing: -1.5px; color: white; text-shadow: 0 2px 12px #0008; }
#main .webcast-shelf .shelf { align-items: stretch; }
#main .webcast-shelf .shelf > .card { flex-basis: calc((100vw - var(--sidebar-width) - 2 * var(--gutter) - 3 * var(--card-gap)) / 4); }
#main .webcast-shelf .card-art { display: block; }
#main .webcast-shelf .card-caption > .webcast-date { font-size: 10px; color: #e0e1e2; }
#main .webcast-shelf .card-description { -webkit-line-clamp: unset; display: block; }
#main .webcast-shelf .card-caption > small:last-child { color: #e0e1e2; }
#main .voices-showcase .shelf { padding-top: 7px; padding-bottom: 12px; }
#main .voice-spotlight { flex: 0 0 calc((100vw - var(--sidebar-width) - 2 * var(--gutter) - 2 * var(--card-gap)) / 3); min-width: 0; position: relative; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 18px; padding: 0; text-align: left; background: #161b1b; isolation: isolate; scroll-snap-align: start; box-shadow: inset 0 0 0 1px #ffffff14; transition: transform 260ms cubic-bezier(.2,.7,.2,1), box-shadow 260ms ease; }
#main .voice-spotlight > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 420ms cubic-bezier(.2,.7,.2,1); }
#main .voice-spotlight:after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,#030908fa, #030908b3 18%, #03090818 57%, transparent 75%); pointer-events: none; border: 1px solid #ffffff1b; border-radius: inherit; }
#main .voice-spotlight-copy { position: absolute; z-index: 1; inset: auto 23px 23px; display: flex; flex-direction: column; gap: 9px; }
#main .voice-spotlight-copy small { font-size: 9px; font-weight: 650; letter-spacing: 1.4px; color: #dedfe0; }
#main .voice-spotlight-copy strong { max-width: 100%; font-size: clamp(24px,2.4vw,39px); font-weight: 720; line-height: 1.02; letter-spacing: -.8px; text-wrap: balance; }
#main .voice-spotlight-copy > span { display: flex; align-items: center; gap: 4px; font-size: 12px; line-height: 1.4; color: #c8cecc; }
#main .voice-spotlight-copy svg { width: 14px; height: 14px; }
#main .voice-spotlight[data-speaker='farrakhan'] img { object-position: 62% center; }
#main .voice-spotlight[data-speaker='ishmael'] img { object-position: 100% center; }
#main .voice-spotlight[data-speaker='nuri'] img { object-position: 73% center; }
#main .voice-spotlight[data-speaker='ava'] img, #main .voice-spotlight[data-speaker='elijah'] img { object-position: 76% center; }
@media (hover:hover) and (pointer:fine) {
  #main .voice-spotlight:hover { transform: translateY(-3px) scale(1.008); box-shadow: 0 7px 22px #0003; }
  #main .voice-spotlight:hover > img { transform: scale(1.035); }
}
#main .voice-spotlight:active { transform: scale(.988); }
#main .voice-spotlight:focus-visible { outline: 2px solid white; outline-offset: -4px; }
/* Shelf arrows echo the narrow hero controls without broad shadow blocks. */
#main .tv-home .shelf-arrow { width: 32px; height: 58px; border: 0; border-radius: 18px; box-shadow: none; background: #343b3cb8; color: #e1e4e5b3; }
#main .tv-home .shelf-arrow svg { width: 16px; height: 28px; }
#main .tv-home .shelf-arrow[hidden] { display: none; }
@media (min-width:701px) and (max-width:1100px) {
  #main .top-ten-shelf .shelf > .card { flex-basis: calc((100vw - var(--sidebar-width) - 2 * var(--gutter) - 3 * var(--card-gap)) / 4); }
  #main .webcast-shelf .shelf > .card { flex-basis: calc((100vw - var(--sidebar-width) - 2 * var(--gutter) - 2 * var(--card-gap)) / 3); }
  #main .voice-spotlight { flex-basis: calc((100vw - var(--sidebar-width) - 2 * var(--gutter) - var(--card-gap)) / 2.25); }
}
@media (max-width:700px) {
  #main .tv-home .section { margin-top: 28px; }
  #main .top-ten-shelf .shelf > .card { flex-basis: 39vw; }
  #main .top-ten-shelf .card-caption > strong { font-size: 12px; }
  #main .chart-number { font-size: 33px; }
  #main .webcast-shelf .shelf > .card { flex-basis: 74vw; }
  #main .voice-spotlight { flex-basis: 76vw; border-radius: 16px; }
  #main .voice-spotlight-copy { inset: auto 20px 22px; }
  #main .voice-spotlight-copy strong { font-size: 31px; }
}
@media (prefers-reduced-motion:reduce) {
  #main .voice-spotlight, #main .voice-spotlight > img { transition: none; }
  #main .voice-spotlight:hover, #main .voice-spotlight:active, #main .voice-spotlight:hover > img { transform: none; }
}