.screen-reader-text, .honeypot { position: absolute; width: var(--hidden-size); height: var(--hidden-size); padding: 0; margin: calc(-1 * var(--hidden-size)); overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link:focus { position: fixed; top: var(--space-2); left: var(--space-2); width: auto; height: auto; padding: var(--space-2); clip-path: none; z-index: 100; background: var(--color-surface); }
.reading-width { max-width: var(--reading-width); }
.centered { margin-inline: auto; }
.text-center { text-align: center; }
.muted { color: var(--color-ink-muted); }
.full-width { width: 100%; }
.stack > * + * { margin-top: var(--space-3); }
.mono { font-family: var(--font-mono); }