/* ============================================================
   Attieh & Chebli — utilities.css
   Small single-purpose helpers from the locked inventory (§7.3).
   Loaded last.
   ============================================================ */

/* Accessible hiding — also used for the stats numeral twin */
.visually-hidden {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Skip link: hidden until focused */
.skip-link {
  position: absolute;
  inset-block-start: -100%;
  inset-inline-start: var(--space-4);
  z-index: 300;
  padding: var(--space-3) var(--space-5);
  background-color: var(--navy-950);
  color: var(--text-on-dark);
  text-decoration: none;
  font-size: var(--size-nav);
}

.skip-link:focus-visible {
  inset-block-start: var(--space-4);
}

/* Centered composition — hero statement, CTA blocks, 404 only */
.center {
  text-align: center;
}

.text-small {
  font-size: var(--size-small);
  line-height: var(--leading-small);
}

.text-muted {
  color: var(--text-muted);
}

.flow-measure {
  max-inline-size: var(--measure-body);
}

/* Milestone 9: joins two adjacent dark sections (Alliances band
   + Closing CTA) into one continuous closing sequence per client
   directive — no new light section, no new copy. Zeroes the
   shared seam only; each section keeps its outer padding on the
   far side. Structural spacing only — no color, no new grammar. */
.section-join-end {
  padding-block-end: 0;
}

.section-join-start {
  padding-block-start: 0;
}