/* Line 17509 (netshow-com-lineup-watch-live-and-replay-shows-r1, ai.features.netshow_com_theater_lineup): the lineup in
   her window (Live now, Coming up, Replays) and the Follow / Catch up row on a lineup watch page. It wears the Theater's
   sheet (css/pages/netshow-theater.css, the --ns-* tokens of css/ns-tokens.css): 375 px first, one column of cards; from
   600 px the cards sit two across. Every tap target is at least 44 px. */
.nsl { display: grid; gap: 10px; margin-top: 8px; padding-top: 16px; border-top: 1px solid var(--ns-border, rgba(232, 234, 237, .12)); }
.nsl__title { margin: 0; font-size: 19px; line-height: 1.3; }
.nsl__group { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; font-size: 15px; font-weight: 500; color: var(--ns-text-2, #9aa0a6); }
.nsl__dot { display: inline-block; flex: 0 0 8px; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: #f28b82; vertical-align: middle;
    animation: nsl-pulse 1.6s ease-in-out infinite; }
.nsl__group .nsl__dot { margin-right: 0; }
@keyframes nsl-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .nsl__dot { animation: none; } }
.nsl__cards { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.nsl__empty, .nsl__note { margin: 0; font-size: 14px; color: var(--ns-text-2, #9aa0a6); }
.nsl__followed { margin: 0; padding: 10px 12px; border-radius: var(--ns-radius, 12px); font-size: 15px;
    border: 1px solid var(--ns-gold-border, rgba(245, 166, 35, .32)); background: rgba(245, 166, 35, .08); }
.nsl__followed[hidden] { display: none; }

.nsl-card { display: grid; gap: 6px; padding: 14px; border-radius: var(--ns-radius, 12px); background: var(--ns-card, #2d2e31);
    border: 1px solid var(--ns-border, rgba(232, 234, 237, .12)); }
.nsl-watch .nsl-card { padding: 0; background: none; border: 0; }
.nsl-card__format { margin: 0; font-size: 13px; color: var(--ns-text-2, #9aa0a6); }
.nsl-card__title { margin: 0; font-size: 17px; line-height: 1.3; overflow-wrap: anywhere; }
.nsl-card__models { margin: 0; font-size: 14px; color: var(--ns-text, #e8eaed); overflow-wrap: anywhere; }
.nsl-card__acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.nsl-card__watch, .nsl-card__follow { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 22px;
    font-family: inherit; font-size: 15px; font-weight: 500; line-height: 1; text-decoration: none; cursor: pointer; background: none; }
.nsl-card__watch { border: 1px solid var(--ns-gold-border, rgba(245, 166, 35, .32)); color: var(--ns-gold, #f5a623); }
.nsl-card__watch[hidden] { display: none; }
.nsl-card__follow { border: 1px solid var(--ns-border-strong, rgba(232, 234, 237, .2)); color: var(--ns-text, #e8eaed); }
.nsl-card__follow[aria-pressed="true"] { border-color: var(--ns-gold-border, rgba(245, 166, 35, .32)); color: var(--ns-gold, #f5a623); }
.nsl-card__watch:focus-visible, .nsl-card__follow:focus-visible { outline: 2px solid var(--ns-gold, #f5a623); outline-offset: 2px; }
.nsl-watch { display: grid; gap: 10px; }

@media (min-width: 600px) {
    .nsl__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}