.heading-scale-control { display: flex; align-items: center; gap: 12px; min-height: 44px; }
.heading-scale-control input[type="range"] {
  flex: 1; min-width: 0; min-height: 44px; padding: 0; border: 0; background: transparent;
}
.heading-scale-control output { flex: 0 0 4.5ch; text-align: right; font-variant-numeric: tabular-nums; }
.heading-scale-control button { flex: none; min-height: 44px; white-space: nowrap; }