/* ==========================================================================
   Utilities — 08 §8.5
   Deliberately few. Adding a utility per property would recreate a framework
   the project has explicitly excluded (08 §2.2, §32.8).
   ========================================================================== */

/* 07 §6.8 — accessible text that is not visually rendered. */
.visually-hidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Break out of the container to the full viewport width without causing a
   horizontal scrollbar. */
.full-bleed {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
}

/* Locks background scrolling while a modal or the mobile menu is open. */
.no-scroll {
  overflow: hidden;
}

.measure-body { max-width: var(--measure-body); }
.measure-narrow { max-width: var(--measure-emphasis); }