/* === Base Styles === */

.container {
  width: 100%;
  max-width: var(--max-width);
  margin-inline: auto;
  padding-inline: var(--space-6);
}

.section-padding {
  padding-block: var(--section-padding-y);
}

/* Section alternating backgrounds */
.bg-white { background-color: var(--color-bg); }
.bg-alt  { background-color: var(--color-bg-alt); }
.bg-dark  { background-color: var(--color-footer-bg); }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}