.detail-cast { margin-top: 16px; color: var(--text); font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.detail-cast-label { color: var(--muted); }
.detail-related { margin-top: 32px; border-top: 1px solid var(--border); padding-top: 24px; min-width: 0; }
.detail-related h3 { font-size: 20px; line-height: 1.3; font-weight: 650; }
.detail-related-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(120px, 28%); gap: 14px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: var(--border) transparent; padding: 10px 5px 14px; margin: 6px -5px 0; }
.detail-related-track .card-title { white-space: normal; overflow-wrap: anywhere; }
#detail-title:focus { outline: none; }
@media (max-width: 560px) {
  .detail-related { margin-top: 24px; padding-top: 20px; }
  .detail-related-track { grid-auto-columns: minmax(104px, 44%); gap: 12px; }
}
.detail-popup-heading { position: sticky; top: 0; z-index: 3; height: 72px; margin-bottom: -72px; pointer-events: none; background: linear-gradient(rgb(11 11 11 / 90%), transparent); }
.detail-popup-heading .dialog-close { min-width: 44px; min-height: 44px; pointer-events: auto; }
