.layout-centered {
  max-width: calc(var(--tin-max-width-desktop) - 2 * var(--tin-layout-gap));
  margin-inline: auto;
  padding-inline: var(--tin-layout-gap);
}

.layout-3col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--tin-layout-gap);
}