/* /fluid-typography-calculator only: the type specimen. Scoped under #ftyApp. */
#ftyApp .xr-slider { width: 100%; accent-color: var(--bm-accent); }
#ftyApp .xr-specimen { display: grid; gap: 6px; padding: 16px; border: 1px solid var(--bm-line); border-radius: 14px; background: var(--bm-surface); overflow: hidden; }
#ftyApp .xr-spec-row { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 10px; align-items: baseline; min-width: 0; }
#ftyApp .xr-spec-meta { font-size: .72rem; color: var(--bm-ink-3); font-variant-numeric: tabular-nums; }
#ftyApp .xr-spec-text { line-height: 1.15; color: var(--bm-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }