.vgrid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.channel { display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; padding: 22px; background: var(--coral); color: #fff; }
.channel .av { width: 84px; height: 84px; border-radius: 50%; border: 3px solid var(--ink); overflow: hidden; }
.channel .av img { width: 100%; height: 100%; object-fit: cover; }
.channel h2 { font-size: clamp(26px, 3vw, 36px); }
.count { font: 700 13px "Space Mono"; margin-bottom: 14px; }
@media (max-width: 1100px) { .vgrid4 { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px) { .vgrid4 { grid-template-columns: repeat(2, 1fr); } .channel { grid-template-columns: auto 1fr; } .channel .btn { grid-column: 1 / -1; justify-content: center; } }
@media (max-width: 480px) { .vgrid4 { grid-template-columns: 1fr; } }