/* Broadcast — a network control room: charcoal, sharp corners, electric signal colour, tabular data. */
:root {
	--scheme: dark;
	--c-bg: #101318; --c-surface: #171b22; --c-surface-2: #1f242d; --c-surface-3: #282e39; --c-input: #12161c;
	--c-ink: #eef2f7; --c-text: #d4dbe4; --c-muted: #8d98a8; --c-muted-2: #6a7584; --c-line: rgba(232, 237, 243, .08); --c-line-2: rgba(232, 237, 243, .16);
	--c-primary: var(--c-accent); --c-primary-2: var(--c-accent-2); --c-on-primary: var(--c-on-accent);
	--c-accent: #2bd4ff; --c-accent-2: #10b7e6; --c-accent-ink: #5fe0ff; --c-on-accent: #061016; --c-accent-soft: rgba(43, 212, 255, .13); --c-accent-glow: rgba(43, 212, 255, .45);
	--c-accent-alt: #b6f3ff; --c-focus: #2bd4ff;
	--c-screen-2: #07090c; --c-overlay: rgba(7, 9, 12, .7);
	--screen-bg: linear-gradient(160deg, #1a2230 0%, #0b0e13 60%, #050608 100%);
	--card-bg: repeating-linear-gradient(0deg, rgba(255, 255, 255, .02) 0 2px, transparent 2px 4px), radial-gradient(90% 90% at 50% 30%, #18303c 0%, #0b1016 60%, #050608 100%);
	--loading-bg: rgba(7, 9, 12, .82);
	--l3-bg: rgba(10, 13, 18, .94); --l3-ink: #eef2f7; --l3-kicker: #2bd4ff; --l3-muted: #8d98a8;
	--nav-bg: rgba(16, 19, 24, .88);
	--season-bg: linear-gradient(100deg, #10202a 0%, #172a35 60%, #0f3a48 100%);
	--hello-bg: linear-gradient(135deg, #14212a, #1b1f28);
	--give-main-bg: linear-gradient(135deg, #0f3a48, #155567);
	--feature-bg: linear-gradient(135deg, #10222c 0%, #101318 80%);
	--give-main-ink: #eef2f7; --notes-bg: #12161c; --mark-bg: rgba(43, 212, 255, .28); --red-letter: #ff8f8f;
	--f-head: 'Space Grotesk', 'Segoe UI', sans-serif; --head-weight: 700; --head-tracking: -.02em;
	--f-body: 'Manrope', -apple-system, 'Segoe UI', sans-serif;
	--f-script: 'Space Grotesk', sans-serif; --eyebrow-size: 12px; --eyebrow-case: uppercase; --eyebrow-tracking: .2em; --eyebrow-weight: 700;
	--f-mark: 'Space Grotesk', sans-serif; --mark-weight: 700; --mark-tracking: .02em; --script-scale: .85em;
	--r: 10px; --r-sm: 6px; --r-xs: 4px; --r-pill: 6px; --r-tile: 6px; --r-screen: 8px;
	--card-border: 1px solid rgba(232, 237, 243, .07);
	--sh-1: 0 1px 0 rgba(255, 255, 255, .02); --sh-2: 0 16px 40px rgba(0, 0, 0, .5);
	--sh-screen: 0 0 0 1px rgba(43, 212, 255, .25), 0 30px 80px -24px rgba(0, 0, 0, .9);
}
.theme-broadcast .tv-word i { font-family: var(--f-head); font-weight: 700; color: #061016; background: var(--c-accent); padding: 2px 6px 3px; border-radius: 3px; font-size: .7em; line-height: 1; transform: translateY(-.15em); margin-left: 6px; text-transform: uppercase; letter-spacing: .08em; }
.theme-broadcast .tv-status, .theme-broadcast .tv-bug { border-radius: 4px; }
.theme-broadcast .tv-bug time, .theme-broadcast .epg-row time, .theme-broadcast .tv-up-list time { font-family: var(--f-head); }
.theme-broadcast .tv-l3 { border-left: 0; }
.theme-broadcast .tv-l3-bar { background: var(--c-accent); width: 4px; }
.theme-broadcast .tv-tabs-top a[aria-current="page"] { background: transparent; color: var(--c-accent-ink); box-shadow: inset 0 -2px 0 var(--c-accent); border-radius: 0; }
.theme-broadcast .tv-epg { background: var(--c-surface); }
.theme-broadcast .epg-row.is-now { box-shadow: inset 3px 0 0 var(--c-accent); }
.theme-broadcast .tv-ticker { background: #0b0e13; color: var(--c-ink); border: 1px solid var(--c-line-2); }
.theme-broadcast .tv-progress i { background: var(--c-accent); }