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

.site-main {
  min-height: var(--height-viewport-content);
}

.content-layout {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(var(--width-sidebar-min), var(--width-sidebar-max));
  gap: var(--space-2xl);
  padding-block: var(--space-3xl);
}

.content-layout--page {
  display: block;
  max-width: var(--width-content);
}

.front-page-content > .entry-content {
  margin: var(--space-0);
}

.front-page-content > .entry-content > *:not(.alignfull):not(.alignwide) {
  width: min(calc(100% - (var(--page-gutter) * 2)), var(--width-content));
  margin-inline: auto;
}

.front-page-content > .entry-content > .alignwide {
  width: min(calc(100% - (var(--page-gutter) * 2)), var(--width-wide));
  margin-inline: auto;
}

.front-page-content > .entry-content > .alignfull {
  width: 100%;
}

.entry-content > * + * {
  margin-block-start: var(--space-lg);
}

.site-footer {
  padding-block: var(--space-2xl) var(--space-lg);
  background: var(--color-surface-dark);
  color: var(--color-text-inverse);
}

.site-footer__inner {
  display: grid;
  grid-template-columns:
    minmax(calc(var(--width-footer-column) * 1.5), 1.2fr)
    repeat(3, minmax(var(--width-footer-column), 1fr));
  gap: var(--space-xl);
}

.site-footer__meta {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-md) var(--space-xl);
  padding-top: var(--space-lg);
  border-top: var(--border-width) solid var(--color-border-inverse);
  color: var(--color-bone-64);
  font-size: var(--font-size-xs);
}

.site-footer__tagline {
  color: var(--color-text-inverse);
  text-align: center;
}

.site-footer__credits {
  text-align: right;
}

.footer-widgets {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--width-widget), 1fr));
  gap: var(--space-lg);
}