.container {
  width: min(100% - 2.25rem, var(--container-width));
  margin-inline: auto;
}

.section {
  padding-block: var(--space-2xl);
}

.section__inner {
  display: grid;
  gap: var(--space-lg);
  max-width: var(--content-width);
}

.site-header {
  background: var(--color-page);
}

.site-header__inner,
.site-footer__inner {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  justify-content: space-between;
  padding-block: 1rem;
}

.site-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 4vw, 2.75rem);
}

.site-footer {
  border-top: 1px solid var(--color-border);
  color: var(--color-muted);
}

.site-footer__inner {
  align-items: flex-start;
  flex-direction: column;
  gap: clamp(1rem, 4vw, 1.5rem);
  max-width: var(--editorial-width);
  padding-block-start: clamp(2rem, 4vw, 3.125rem);
  padding-block-end: clamp(2.5rem, 5.25vw, 4rem);
}

@media (min-width: 44rem) {
  .site-footer__inner {
    align-items: baseline;
    flex-direction: row;
  }
}