/* ==========================================================================
   OBJECTS · CONTAINER — centres content and holds the page gutter. Three
   widths: the default page, a narrow text column, a wide data spread. Carries
   no colour or identity of its own.
   ========================================================================== */

.o-container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.o-container--text { max-width: var(--container-text); }
.o-container--wide { max-width: var(--container-wide); }
.o-container--flush { padding-inline: 0; }