.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.text-center { text-align: center; }
.text-left   { text-align: left; }
.text-right  { text-align: right; }
.text-balance { text-wrap: balance; }
.text-pretty  { text-wrap: pretty; }

.mt-0 { margin-top: 0; }
.mt-3 { margin-top: var(--sp-3); }
.mt-4 { margin-top: var(--sp-4); }
.mt-5 { margin-top: var(--sp-5); }
.mt-6 { margin-top: var(--sp-6); }
.mt-7 { margin-top: var(--sp-7); }
.mb-0 { margin-bottom: 0; }
.mb-3 { margin-bottom: var(--sp-3); }
.mb-4 { margin-bottom: var(--sp-4); }
.mb-5 { margin-bottom: var(--sp-5); }
.mb-6 { margin-bottom: var(--sp-6); }

.color-cyan { color: var(--c-cyan); }
.color-blue { color: var(--c-blue); }
.color-navy { color: var(--c-navy); }
.color-soft { color: var(--c-text-soft); }
.bg-soft { background: var(--c-bg-soft); }

.fs-lead { font-size: var(--fs-500); }
.fs-small { font-size: var(--fs-300); }

.hidden-mobile { display: none; }
@media (min-width: 768px) {
  .hidden-mobile { display: initial; }
  .hidden-desktop { display: none; }
}