/* pagina — the page's content column: what comes after the opening.

   Placeholder land for now. This is where the case studies will live, so it holds
   only the measure, the rhythm and the type — nothing else. */

.pagina {
  /* The measure: how wide a line of prose wants to be, and never wider than the
     room the column leaves. */
  inline-size: min(100% - 2 * var(--step), var(--measure));
  margin-inline: auto;
  padding-block: var(--step) calc(var(--step) * 3);
}

.pagina h2 {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.15;
  margin: 0 0 calc(var(--step) * 0.6);
}

.pagina p {
  font-size: 17px;
  line-height: 1.65;
  margin: 0 0 var(--step);
}

.pagina p:last-child { margin-block-end: 0; }