/**
 * Kinfolk utilities. Intentionally small: layout and component layers carry
 * the product voice while these helpers solve repeated one-purpose needs.
 */

.visually-hidden,
.sr-only,
.ts-sr-only {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    border: 0 !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

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

.ts-text-center {
    text-align: center;
}

.ts-surface {
    background: var(--color-paper-3);
    color: var(--color-ink);
}

.ts-measure {
    max-inline-size: var(--measure);
}

.ts-stack {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.ts-cluster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-sm);
}

.ts-nowrap {
    white-space: nowrap;
}