.channel-cards{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;margin-top:24px}@media only screen and (min-width:768px){.channel-cards{gap:1.875vw;margin-bottom:3.125vw;margin-top:3.125vw}}@media only screen and (min-width:1024px){.channel-cards{gap:24px;margin-bottom:40px;margin-top:40px}}.channel-card{border:1px solid var(--color-100);border-radius:8px;display:block;overflow:hidden;width:calc(50% - 8px)}@media only screen and (min-width:768px){.channel-card{width:calc(33.33333% - 1.25vw)}}@media only screen and (min-width:1024px){.channel-card{width:calc(33.33333% - 16px)}}.channel-card>div{border-bottom:1px solid var(--color-100);overflow:hidden}@media only screen and (min-width:768px){.channel-card>div{height:16.875vw}}@media only screen and (min-width:1024px){.channel-card>div{height:216px}}.channel-card>div>img{aspect-ratio:1280/720;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (hover:hover){.channel-card{transition:border-color .3s ease}.channel-card>div>img{transition:transform .3s ease}.channel-card:hover{border-color:var(--color-primary)}.channel-card:hover>div>img{transform:scale(1.1)}.channel-card:hover>dl>dt{text-decoration-color:var(--color-primary)}}.channel-card>dl{padding:12px}@media only screen and (min-width:768px){.channel-card>dl{padding:1.25vw 1.875vw 1.875vw}}@media only screen and (min-width:1024px){.channel-card>dl{padding:16px 24px 24px}}.channel-card>dl>dt{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:700;line-height:1.8;margin-bottom:10px;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color .2s ease}@media only screen and (min-width:768px){.channel-card>dl>dt{font-size:1.40625vw;margin-bottom:.625vw}}@media only screen and (min-width:1024px){.channel-card>dl>dt{font-size:18px;margin-bottom:8px}}.channel-card>dl>dd{font-size:var(--font-size-sm);line-height:1.8}@media only screen and (min-width:768px){.channel-card>dl>dd{font-size:1.25vw}}@media only screen and (min-width:1024px){.channel-card>dl>dd{font-size:var(--font-size-base)}}