.ui-num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.ui-prose {
  font-size: 0.9375rem;
  line-height: 1.65;
}

.ui-eyebrow {
  font-size: 0.6875rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

:where(.ui-eyebrow) {
  color: var(--ui-ink-2);
}

@media (max-width: 639px) {
  .ui-eyebrow {
    font-size: 0.8125rem;
    letter-spacing: 0.04em;
  }
}

.ui-note-warn {
  color: var(--ui-warn);
}


.ui-tone-stop {
  color: var(--ui-stop);
}

.ui-tone-wait {
  color: var(--ui-warn);
}

.ui-tone-flow {
  color: var(--ui-flow);
}

.ui-tone-done {
  color: var(--ui-done);
}

.ui-tone-brand {
  color: var(--ui-brand);
}

.ui-link {
  color: var(--ui-brand);
}

.ui-link:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.ui-link:focus-visible {
  outline: 2px solid var(--ui-brand);
  outline-offset: 2px;
  border-radius: 0.25rem;
}