@layer utilities {
  .sr-only { block-size: 1px; border: 0;
    clip: rect(0,0,0,0); inline-size: 1px; margin: -1px; overflow: hidden;
    padding: 0;
    position: absolute; white-space: nowrap;
  }
  .text-muted    { color: var(--color-text-muted); }
  .text-sm       { font-size: 0.875rem; }
  .margin-block-start-half   { margin-block-start: var(--block-space-half); }
  .margin-block-start        { margin-block-start: var(--block-space); }
  .margin-block-start-double { margin-block-start: var(--block-space-double); }
  .margin-block-end-half     { margin-block-end: var(--block-space-half); }
  .margin-block-end          { margin-block-end: var(--block-space); }
  .margin-inline-start-half  { margin-inline-start: var(--inline-space-half); }
  .margin-inline-end-half    { margin-inline-end: var(--inline-space-half); }
  .pad-block-start-half      { padding-block-start: var(--block-space-half); }
  .flex          { display: flex; }
  .items-center  { align-items: center; }
  .justify-between { justify-content: space-between; }
  .flex-col      { flex-direction: column; }
  .items-end     { align-items: flex-end; }
  .self-end      { align-self: flex-end; }
  .flex-1        { flex: 1; }
  .flex-2        { flex: 2; }
  .flex-3        { flex: 3; }
  .block         { display: block; }
  .inline-block  { display: inline-block; }
  .not-italic    { font-style: normal; }
  .max-w-prose   { max-inline-size: 640px; }
  .divider-top   { border-block-start: 1px solid var(--color-border); margin-block-start: var(--block-space-double); padding-block-start: var(--block-space-double); }
  .gap           { gap: var(--inline-space); }
  .gap-double    { gap: var(--inline-space-double); }
  code { font-family: var(--font-mono); font-size: 0.85em; }
  .text-mono { font-family: var(--font-mono); }
  .text-success { color: var(--color-success); font-weight: 500; }
  .text-warning { color: oklch(0.6 0.12 60); font-weight: 500; }
}