/**
 * Continuació del text del hero.
 *
 * És el mateix text partit en dos, així que ha de llegir-se igual: mateixa
 * mida, interlineat i color que el hero. Sense això el segon paràgraf sortia
 * més gran i més fosc que el primer.
 *
 * Cal anomenar els <p>: el tema els fixa la mida a la capa base i una regla
 * directa sempre guanya a la que heretarien del contenidor.
 */

.ebre-prose.explora-continuacio .ep-body,
.ebre-prose.explora-continuacio .ep-body p,
.ebre-prose.explora-continuacio .ep-body li {
  font-size: 1rem;
  line-height: 1.65;
  color: rgb(var(--neutral-text-muted, 75 85 99));
}

.ebre-prose.explora-continuacio .ep-body > p {
  margin-bottom: 1rem;
}

/* Ocupa tot el contenidor, en una sola columna: decisió del client. Arrenca a
   la mateixa vertical que el hero, que centrat quedava desalineat amb el
   títol i semblava un bloc orfe. */
.ebre-prose.explora-continuacio .ep-body {
  margin-inline: 0;
  max-width: none;
}

/* El hero ja porta el seu coixí inferior: aquí només cal enganxar el text al
   que ve de dalt i deixar aire abans del que ve després. */
.ebre-prose.explora-continuacio {
  padding-block: 0 1.5rem;
  margin-top: -0.5rem;
}