/* Approved mobile entry: preserve the approved visual world and all title effects. */
@media (max-width: 780px) {
  body .menu-button i {
    font-size: 12px;
  }
}

@media (max-width: 470px) {
  body .channel-link {
    min-height: 76px;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 4px 10px;
    align-content: center;
  }

  body .channel-link > span {
    align-self: center;
  }

  body .channel-link strong {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
  }

  body .channel-link small {
    display: block;
    grid-column: 2;
    grid-row: 2;
    font-size: 13px;
    line-height: 1.4;
  }
}

@media (max-width: 470px) and (max-height: 600px) {
  body .intro {
    overflow-y: auto;
  }
}
