.video-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.video-channel{min-height:104px;transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);background:#ffffffe6;border:1px solid #b1c8ecf2;border-radius:20px;align-items:center;gap:14px;padding:18px 20px 18px 18px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 34px -30px #001e62b3}.video-channel:before{content:"";background:linear-gradient(#2b6ec9,#6cd4fc);width:4px;position:absolute;inset:0 auto 0 0}.video-channel-index{color:#2b6ec9;font-family:var(--font-en);letter-spacing:.08em;align-self:flex-start;font-size:10px;font-weight:800}.video-channel-icon{width:44px;height:44px;color:var(--royal);background:var(--ice);border-radius:14px;flex:none;place-items:center;display:grid}.video-channel-icon svg{width:22px;height:22px}.video-channel-copy{gap:2px;min-width:0;display:grid}.video-channel-copy strong{font-size:16px}.video-channel-copy small{color:#6276a5;font-size:12px;line-height:1.6}.video-channel-arrow{color:var(--action);font-family:var(--font-en);margin-left:auto;font-size:20px}.video-channel:focus-visible{outline-offset:3px;outline:3px solid #78d8ff}@media (max-width:820px){.video-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.video-channel-grid{grid-template-columns:1fr}}@media (hover:hover) and (pointer:fine){.video-channel:hover{border-color:var(--action);transform:translateY(-3px);box-shadow:0 22px 34px -25px #001e629e}}@media (prefers-reduced-motion:reduce){.video-channel{transition:none}.video-channel:hover{transform:none}}