/* =========================================================
   LAYOUT FOUNDATION
   ========================================================= */

.page-shell {
  min-height: 100vh;
}

   .page-container {
  width: min(
    calc(100% - 32px),
    var(--content-wide)
  );

  margin-inline: auto;
}

.content-narrow {
  width: 100%;
  max-width: var(--content-narrow);
  margin-inline: auto;
}

.content-standard {
  width: 100;
  max-width: var(--content-standard);
  margin-inline: auto;
}

.content-wide {
  max-width: var(--content-wide);
  margin-inline: auto;
}