.content {
  min-height: 100vh;
  position: relative;

  &.content--sidebar {
    margin-left: calc(var(--sidebar-button-size) + (var(--spacing) * 2) - 8px);
  }

  &.content--focus {
    margin-inline: auto;
    max-width: 480px;
    padding-top: calc(var(--banner-height) + var(--spacing-huge));
  }
}

.banner + .content {
  margin-top: var(--banner-height);
}