@layer utilities {
  .visually-hidden:not(:focus, :active) {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .text-muted  { color: var(--color-text-muted); }
  .text-small  { font-size: var(--step--1); }
  .text-center { text-align: center; }
  .text-balance { text-wrap: balance; }

  .mx-auto { margin-inline: auto; }
  .w-full  { inline-size: 100%; }
}