.l-page {
  --slat-gap: var(--space-s);

  background-color: #F2F0EC;

  background-color: var(--color-page-bg);
}

.l-container {
  max-width: 92.50rem;
  max-width: var(--container-wide);
  width: 100%;
}

.l-page__content main{
  margin-left: auto;
  margin-right: auto;
  max-width: max(17.5rem, min(82vw, 77.5rem));
  max-width: var(--container-narrow);
}

* + .l-flow--xl {
  margin-top: max(3.00rem, min(calc(2.79rem + 1.04vw), 3.75rem));
  margin-top: var(--space-xl);
}

.l-content-stack > * {
    margin-top: max(2.00rem, min(calc(1.86rem + 0.69vw), 2.50rem));
    margin-top: var(--space-l);
}

.c-link-blocks + * {
  margin-top: max(3.00rem, min(calc(2.79rem + 1.04vw), 3.75rem));
  margin-top: var(--space-xl);
}

* + .l-flow--lg{
  margin-top: max(2.00rem, min(calc(1.86rem + 0.69vw), 2.50rem));
  margin-top: var(--space-l);
}

.paragraph--type--title:has(+ .l-flow--lg) {
  margin-top: max(2.00rem, min(calc(1.86rem + 0.69vw), 2.50rem));
  margin-top: var(--space-l);
}

.paragraph--type--title:has(+ .l-flow--xl) {
  margin-top: max(3.00rem, min(calc(2.79rem + 1.04vw), 3.75rem));
  margin-top: var(--space-xl);
}

.paragraph--type--title + .paragraph {
  margin-top: max(2.00rem, min(calc(1.86rem + 0.69vw), 2.50rem));
  margin-top: var(--space-l);
}

.l-scrollable {
  display: flex;
  gap: 1rem;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
}

.l-scrollable > * {
  scroll-snap-align: start;
}