/* .wrap: the content column (DESIGN.md §4.3). */
@layer components {
  .wrap {
    width: 100%;
    max-width: calc(var(--width-content) + 2 * var(--gutter));
    margin-inline: auto;
    padding-inline: var(--gutter);
  }
}