@media (min-width: 761px) {
  #channels .channels { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.official-line-card { color: inherit; text-decoration: none; }
.official-line-card .channel-front { background: #e8f2e5; border-color: #c9dec7; }
.official-line-card .channel-mark { color: #258446; font: 700 19px/1.2 Arial, sans-serif; letter-spacing: .08em; }
.official-line-card:hover .channel-front,
.official-line-card:focus-visible .channel-front { transform: translateY(-4px); box-shadow: 0 9px 22px #1c493021; }
.official-line-card:focus-visible { outline: 3px solid #258446; outline-offset: 3px; }
.official-line-card .channel-more { color: #21743d; font-weight: 700; }