.l-container {
  width: min(100% - (var(--page-gutter) * 2), var(--container-max));
  margin-inline: auto;
}

.site-main {
  padding-bottom: 80px;
}

.site-main--front {
  display: grid;
  gap: 48px;
}

.site-main--posts {
  display: grid;
  gap: 32px;
}

.c-generic-content {
  padding-top: 48px;
}

@media (max-width: 819px) {
  .site-main {
    padding-bottom: 56px;
  }

  .site-main--front {
    gap: 32px;
  }
}