.channel-page{background:#eee;padding:40px 0 60px}.channel-title{letter-spacing:3px;text-transform:uppercase;overflow-wrap:anywhere;margin:0 0 30px;font-size:30px;font-weight:600;line-height:1.4}.channel-layout{grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:30px;display:grid}.channel-profile{min-width:0}.channel-profile-logo{object-fit:contain;width:100%;height:auto;margin-bottom:25px;display:block}.channel-description{white-space:pre-line;overflow-wrap:anywhere}@media (max-width:900px){.channel-layout{grid-template-columns:minmax(0,1fr)}.channel-profile{grid-row:1}.channel-profile-logo{width:150px;max-height:150px}}@media (max-width:600px){.channel-title{letter-spacing:2px;font-size:24px}}body:has(.channels-index-page) .site-header:not(.is-scrolled):not(.search-is-open):not(.menu-is-open){background:#000}body:has(.channels-index-page) .site-header:not(.is-scrolled):not(.search-is-open):not(.menu-is-open) :is(.main-navigation>a,.genre-navigation>a,.account-nav a,.search-toggle,.menu-toggle){color:#fff}body:has(.channels-index-page) .site-header:not(.is-scrolled):not(.search-is-open):not(.menu-is-open) .brand-dark{display:none}body:has(.channels-index-page) .site-header:not(.is-scrolled):not(.search-is-open):not(.menu-is-open) .brand .brand-white{display:block}.channels-index-page{background:#eee;padding-bottom:60px}.channels-directory{padding-top:30px}.channels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.channel-directory-card{min-width:0;padding:10px 0}.channel-directory-logo{aspect-ratio:1;justify-content:center;align-items:center;width:100%;margin-bottom:20px;text-decoration:none;display:flex}.channel-directory-logo img{object-fit:contain;width:100%;height:100%;display:block}.channel-logo-placeholder{color:#888;background:#f7f7f7;place-items:center;width:100%;height:100%;font-size:60px;display:grid}.channel-directory-card h2{letter-spacing:2px;text-transform:uppercase;overflow-wrap:anywhere;margin:0 0 10px;font-size:15px;font-weight:600;line-height:23px}.channel-directory-card h2 a{text-decoration:none;display:block}.channel-directory-card h2 a:hover,.channel-directory-card h2 a:focus-visible{color:#fff;background:#30afea}.channel-directory-card .social-icons{min-height:33px}.channel-directory-card a:focus-visible{outline-offset:3px;outline:2px solid #30afea}.channels-directory>.dj-pagination{margin:30px 0 0}@media (max-width:600px){.channels-grid{grid-template-columns:minmax(0,1fr);gap:30px}}@media (max-width:500px){.channels-directory{width:calc(100% - 20px);padding:15px}.channel-directory-card h2{letter-spacing:1px;font-size:13px}}