@layer utilities {
  .visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }

  .skip-link {
    position: absolute;
    inset-inline-start: var(--space-s);
    inset-block-start: -100px;
    z-index: 100;
    padding: var(--space-2xs) var(--space-s);
    background: var(--ink);
    color: #fff;
    border-radius: var(--radius-pill);
  }

  .skip-link:focus { inset-block-start: var(--space-s); color: #fff; }

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