.sargasso-app {
  display: grid;
  min-height: 100vh;
  grid-template-columns: var(--sargasso-sidebar-width) minmax(0, 1fr);
  transition: grid-template-columns 180ms ease;
}

.sargasso-shell {
  min-width: 0;
}

.sargasso-main {
  padding: 1rem 1.1rem 1.25rem;
}

.sargasso-main--school-tint {
  background-color: color-mix(in srgb, var(--sargasso-school-content-background) 14%, var(--sargasso-foam) 86%);
}

.sargasso-main__hero,
.sargasso-main__above,
.sargasso-main__below,
.sargasso-footer {
  width: min(100%, calc(var(--sargasso-content-width) + 2.5rem));
  margin: 0 auto;
}

.sargasso-main__above {
  margin-bottom: 0.9rem;
}

.sargasso-main__content {
  width: min(100%, calc(var(--sargasso-content-width) + 2.5rem));
  margin: 0 auto;
}

.sargasso-main__content > .region--content {
  gap: 0;
}

.sargasso-main__content > .block-page-title-block,
.sargasso-main__content > .block-system-breadcrumb-block {
  display: none;
}

.sargasso-footer {
  padding: 0 1.25rem 1.25rem;
  color: color-mix(in srgb, var(--sargasso-ink) 68%, white);
  font-size: 0.92rem;
}

[data-sargasso-sidebar='collapsed'] .sargasso-app {
  grid-template-columns: var(--sargasso-sidebar-width-collapsed) minmax(0, 1fr);
}

@media (max-width: 60rem) {
  .sargasso-app {
    grid-template-columns: 1fr;
  }

  [data-sargasso-sidebar='collapsed'] .sargasso-app,
  [data-sargasso-sidebar='expanded'] .sargasso-app {
    grid-template-columns: 1fr;
  }

  .sargasso-main {
    padding: 0.9rem;
  }
}