/* corpo.css: o miolo do início e da página de episódios em duas colunas no computador: o sumário à esquerda,
   larga, e a coluna lateral à direita (a caixa "Comece por aqui" e o índice de assuntos). No telefone a lateral
   vem antes do sumário, numa coluna só.
   Depende de: base.css, sumario.css e lateral.css. Telefone nas regras soltas, computador no @media do fim. */

.corpo { padding: 36px 0 56px; }

/* min-width: 0 em cada coluna: nada estica a página de lado no telefone */
.corpo__dentro { display: grid; gap: 40px; }
.corpo__dentro > * { min-width: 0; }

@media (min-width: 900px) {
  .corpo { padding: 56px 0 80px; }
  .corpo__dentro { grid-template-columns: minmax(0, 1fr) 320px; grid-template-areas: "sumario lateral"; gap: 72px; align-items: start; }
  .corpo__sumario { grid-area: sumario; }
  .corpo__lateral { grid-area: lateral; }
}