.artist-spotlight{margin:18px 0 24px;padding:22px;border:1px solid #66538c;border-top:3px solid var(--spotlight-accent,#ffdf00);background:#12102b;color:#f4f2ff;min-width:0}.artist-spotlight .spotlight-heading{margin:0 0 16px;font-size:.85rem;text-transform:uppercase;letter-spacing:.13em;color:var(--spotlight-accent,#ffdf00)}.spotlight-grid{display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px}.spotlight-grid:has(>div:only-child){grid-template-columns:1fr}.spotlight-grid figure{margin:0}.spotlight-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px}.spotlight-grid figcaption{font-size:.7rem;margin-top:8px}.spotlight-copy h3{margin:0 0 4px;font-size:1.7rem;line-height:1.2}.spotlight-copy .spotlight-track{color:var(--spotlight-accent,#ffdf00);margin-top:0;font-weight:700}.spotlight-copy p,.spotlight-copy li{font-size:.9rem;line-height:1.7;color:#e0ddee;overflow-wrap:anywhere}.spotlight-copy h4{font-size:.95rem;margin:20px 0 4px}.artist-spotlight a{color:var(--spotlight-accent,#ffdf00);text-decoration:underline;text-underline-offset:3px}.artist-spotlight a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.spotlight-copy small{display:block;font-size:.7rem;margin-top:20px;color:#bcb5d2}.spotlight-state{color:#c6bfd7;font-size:.85rem;line-height:1.6}@media(max-width:540px){.artist-spotlight{padding:16px}.spotlight-grid{grid-template-columns:1fr;gap:14px}.spotlight-grid figure{max-width:180px}.spotlight-copy h3{font-size:1.45rem}}

.player-spotlight-stack{min-width:0}@media(max-width:900px){.player-spotlight-stack{grid-column:1/-1}}@media(max-width:620px){.player-spotlight-stack{grid-column:auto}}

/* Keep long source text inside a compact card at every screen width. */
.artist-spotlight,.artist-spotlight *{box-sizing:border-box}
.artist-spotlight{width:100%;max-width:100%;overflow:hidden;padding:18px}
.artist-spotlight .spotlight-content{max-height:280px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;padding-right:6px}
.artist-spotlight .spotlight-content:focus-visible{outline:2px solid var(--spotlight-accent,#ffdf00);outline-offset:-2px}
.artist-spotlight .spotlight-grid{grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:start}
.artist-spotlight .spotlight-grid:has(>div:only-child){grid-template-columns:minmax(0,1fr)}
.artist-spotlight .spotlight-copy,.artist-spotlight figure,.artist-spotlight details{min-width:0;max-width:100%}
.artist-spotlight h3,.artist-spotlight p,.artist-spotlight li,.artist-spotlight a,.artist-spotlight summary{overflow-wrap:anywhere;word-break:normal}
.artist-spotlight .spotlight-copy h3{font-size:1.25rem}
.artist-spotlight .spotlight-copy h3,.artist-spotlight .spotlight-track{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.artist-spotlight .spotlight-preview{font-size:.85rem;line-height:1.55;margin:8px 0}
.artist-spotlight details summary{cursor:pointer;color:var(--spotlight-accent,#ffdf00);font-size:.8rem;line-height:1.5;padding:8px 0;min-height:40px}
.artist-spotlight details[open] summary{margin-bottom:8px}
.artist-spotlight ul{padding-left:18px}
.artist-spotlight .spotlight-grid img{max-width:88px}
@media(max-width:540px){.artist-spotlight{padding:14px}.artist-spotlight .spotlight-grid{grid-template-columns:64px minmax(0,1fr);gap:10px}.artist-spotlight .spotlight-grid img{max-width:64px}.artist-spotlight .spotlight-content{max-height:280px}.artist-spotlight .spotlight-copy h3{font-size:1.15rem}}