/* IPMI TV: dark streaming palette with red highlights and high-contrast white type. */
:root{color-scheme:dark}
body{background:#141414;color:#fff;font-family:'DM Sans',Arial,sans-serif}
.tv-nav{background:linear-gradient(180deg,rgba(0,0,0,.94),rgba(0,0,0,.55) 65%,transparent)}
.brand{color:#e50914;font-weight:800;letter-spacing:.08em}.brand b{background:#e50914;color:#fff;letter-spacing:.03em}
.tv-nav nav a:hover,footer a:hover{color:#fff}.tv-nav nav a:focus-visible,footer a:focus-visible{color:#fff}
.nav-events{border-color:#aaa;color:#fff}.nav-events:hover{background:#e50914;border-color:#e50914}
.tv-hero{background:linear-gradient(90deg,#141414 0%,#141414df 33%,#14141440 72%),linear-gradient(0deg,#141414 0%,transparent 42%),url('https://ipmievents.org/images/ipmi/year-round-photos-v1/summit.webp') center 44%/cover}
.tv-hero h1,.join h2,.intro h2,.shelf h2,.program strong{font-family:'DM Sans',Arial,sans-serif;letter-spacing:-.025em}
.tv-hero h1 em{color:#fff;font-style:normal}.eyebrow{color:#fff!important}.eyebrow span{background:#e50914}.hero-caption span{color:#e50914}
.primary,.preview-stop{background:#e50914;color:#fff}.primary:hover,.preview-stop:hover{background:#c11119;color:#fff}.secondary{background:#6d6d6eb3;border-color:transparent;color:#fff}.secondary:hover{background:#6d6d6e80}
.rail{scrollbar-color:#777 #242424}.card-kicker,.thumbnail-label{color:#eee}.thumbnail-brand{color:#fff;border-left-color:#e50914;background:rgba(0,0,0,.78)}
.card-badge,.hover-badge{background:#e50914;color:#fff}.hover-tags{color:#e5e5e5}.hover-actions .hover-like[aria-pressed=true]{color:#ff5a62}.saved-item:hover{outline-color:#fff}
.program span{color:#fff}.program small{color:#eee}.join{background:#1b1b1b;border-color:#393939}.join-mark{color:#e50914}
.events-all,.event-date{color:#f5f5f5}.events-all:hover{color:#ff656c}.event-tile{background:#222;border-color:#383838}.event-tile:hover{border-color:#e50914;background:#292929}
.player-eyebrow,.player-top b{color:#fff}.player a{color:#fff}.seek,.volume{accent-color:#e50914}.control:hover{color:#fff}.tv-hero .preview-autoplay-notice{color:#eee!important}
:focus-visible{outline-color:#fff}.thumbnail-art{background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.42) 48%,rgba(0,0,0,.1) 78%),linear-gradient(90deg,rgba(0,0,0,.3),transparent 85%)}

/* Keep card details in the artwork; retain underlying text for player metadata. */
.video-card > .card-kicker,.video-card > strong,.video-card > small,.video-card > .card-preview-hint{display:none}.video-grid{row-gap:8px}

.thumbnail-title{font-size:clamp(11px,1vw,14.5px);color:#e8e8e8}

.thumb,.hover-card,.saved-item{border-radius:11px}

.thumbnail-title{color:#d4d4d4}.thumbnail-label{color:#d4d4d4}.thumbnail-brand{color:#dedede}

/* Five compact cards per row; narrower screens scroll the library horizontally. */
.video-grid{grid-template-columns:repeat(5,minmax(200px,1fr));gap:30px 6px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.video-grid .video-card-shell{scroll-snap-align:start}.rail:not(.video-grid) .video-card-shell{flex:0 0 max(200px,calc((100% - 24px)/5));min-width:200px}.rail:focus-visible{outline:2px solid #fff;outline-offset:3px}