.channel-overview { width: 1280px; margin: 0 auto; padding: 39px 0 34px; }
.channel-hero { display: grid; grid-template-columns: 580px 1fr; gap: 36px; padding-bottom: 38px; border-bottom: 1px solid #ddd; }
.channel-hero-media { position: relative; width: 100%; height: 385px; overflow: hidden; border-radius: 7px; background: #111; }
.channel-hero-media .swiper-wrapper,.channel-hero-slide { height: 100%; }
.channel-hero-slide { position: relative; display: block; color: #fff; }
.channel-hero-image { position: absolute; inset: 0 0 58px; overflow: hidden; }
.channel-hero-image img { width: 100%; height: 385px; object-fit: cover; object-position: center top; }
.channel-hero-caption { position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: center; height: 58px; padding: 0 50px 0 29px; background: rgba(18,18,18,.82); white-space: nowrap; }
.channel-hero-count { flex: 0 0 auto; margin-right: 10px; color: #fff; font-size: 21px; line-height: 1; }
.channel-hero-count em { color: #e50012; font-size: 28px; font-style: normal; }
.channel-hero-title { overflow: hidden; font-size: 19px; text-overflow: ellipsis; }
.channel-hero-arrow { position: absolute; z-index: 3; bottom: 0; width: 30px; height: 58px; padding: 0; border: 0; background: transparent; color: #eee; font: 42px/58px Arial,sans-serif; cursor: pointer; }
.channel-hero-arrow-prev { left: 0; }.channel-hero-arrow-next { right: 0; }
.channel-hero-arrow:hover,.channel-hero-arrow:focus-visible { color: #e50012; outline: none; }
.channel-hero-media.is-static .channel-hero-arrow { display: none; }
.channel-hero-copy { min-width: 0; }
.channel-hero-copy h1 { margin: -3px 0 7px; overflow: hidden; font-size: 27px; white-space: nowrap; text-overflow: ellipsis; }
.channel-hero-copy p { display: -webkit-box; max-height: 5.4em; margin: 0 0 18px; overflow: hidden; color: #969696; font-size: 16px; line-height: 1.8; overflow-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.channel-hero-copy ul { border-top: 1px dotted #ddd; padding-top: 15px; }.channel-hero-copy li { position: relative; margin: 8px 0; padding-left: 16px; font-size: 17px; }.channel-hero-copy li::before { position: absolute; left: 0; color: #ccc; content: "•"; }
.channel-hero-copy li > a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.channel-list-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 74px; padding: 22px 0 23px; border-bottom: 1px solid #ccc; }.channel-list-grid article { display: grid; grid-template-columns: 136px 1fr; gap: 14px; min-height: 98px; margin-bottom: 12px; }.channel-list-grid article:nth-child(8n+1),.channel-list-grid article:nth-child(8n+2) { margin-top: 0; }.channel-list-grid article:nth-child(9),.channel-list-grid article:nth-child(10) { padding-top: 42px; border-top: 1px solid #ccc; }
.channel-list-grid article.no-image { grid-template-columns: minmax(0, 1fr); }
.channel-list-grid article > div { min-width: 0; }
.channel-list-grid img { width: 136px; height: 91px; object-fit: cover; }.channel-list-grid h2 { margin: -3px 0 4px; overflow: hidden; font-size: 17px; white-space: nowrap; text-overflow: ellipsis; }
.channel-list-grid p { display: -webkit-box; max-height: 3.1em; margin: 0; overflow: hidden; color: #999; font-size: 13px; line-height: 1.55; overflow-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.channel-list-grid time { color: #999; font-size: 13px; }
.channel-overview .pagination { margin: 23px 0 0; }