/* sobre.css: o que a aba Sobre do canal mostra embaixo das abas (a faixa baixa do vídeo, a fileira do canal e as
   abas vêm de cinema.css e canal.css): duas colunas no computador, à esquerda a descrição, quem faz e a pauta; à
   direita onde ouvir e o feed. No telefone, uma coluna só.
   Depende de: base.css, canal.css, pessoas.css e onde-ouvir.css. Telefone nas regras soltas, computador no @media do fim. */

.sobre { padding: 4px 0 24px; }

.sobre__colunas { display: grid; gap: 8px; }

.sobre__descricao { max-width: 68ch; font-size: 16px; line-height: 1.65; }

.sobre__pauta { margin-top: 4px; }

@media (min-width: 900px) {
  .sobre { padding: 12px 0 40px; }
  .sobre__colunas { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 56px; }
}