/* ==========================================================================
   Recycle Pay — utilities.css
   Small single-purpose helpers. Loaded last so they win over component styles.
   ========================================================================== */

/* Spacing */
.mt-sm {
  margin-top: 1.2rem;
}

.mt-md {
  margin-top: 2rem;
}

.mt-band {
  margin-top: clamp(2.5rem, 5vw, 3.5rem);
}

.mt-lg {
  margin-top: clamp(3rem, 6vw, 4.5rem);
}

.mt-xl {
  margin-top: clamp(3.5rem, 7vw, 5.5rem);
}

/* Visible to screen readers only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* Keep a phrase on one line (e.g. "non-transferable") */
.nowrap {
  white-space: nowrap;
}