/* ==========================================================================
   SPI — utilities.css
   A deliberately short list. If a utility is needed more than three times
   it should become a component instead.
   ========================================================================== */

.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.no-scroll { overflow: hidden; }

.mt-0  { margin-top: 0 !important; }
.mt-6  { margin-top: var(--s-6); }
.mt-8  { margin-top: var(--s-8); }
.mt-10 { margin-top: var(--s-10); }
.mt-12 { margin-top: var(--s-12); }
.mb-0  { margin-bottom: 0 !important; }

.text-small { font-size: var(--fs-small); }
.text-caption { font-size: var(--fs-caption); }
.text-muted { color: var(--ink-55); }

/* Small additions used by generated form and tag markup. */
.field-label {
  display: block;
  font-size: var(--fs-caption);
  font-weight: 600;
  color: var(--spi-ink);
  margin-bottom: var(--s-2);
}
.tag {
  display: inline-block;
  font-size: var(--fs-caption);
  color: var(--ink-70);
  background: var(--ink-line-soft);
  padding: 0.25rem 0.65rem;
}