/* Heading font-size stepper: these classes set ONLY the --fs-scale variable.
   They never declare font-size, so they can never override existing styles —
   they take effect only where a font-size uses calc(... * var(--fs-scale)). */
.fs-step-up-1   { --fs-scale: 1.1; }
.fs-step-up-2   { --fs-scale: 1.2; }
.fs-step-up-3   { --fs-scale: 1.3; }
.fs-step-down-1 { --fs-scale: 0.9; }
.fs-step-down-2 { --fs-scale: 0.8; }
.fs-step-down-3 { --fs-scale: 0.7; }

/* WordPress editor font-size presets (config/appearance.php: 12/18/20/24 px)
   made steppable. !important + load order win over WordPress's emitted preset
   CSS so a preset-classed heading also scales. */
.has-small-font-size  { font-size: calc(12px * var(--fs-scale, 1)) !important; }
.has-normal-font-size { font-size: calc(18px * var(--fs-scale, 1)) !important; }
.has-large-font-size  { font-size: calc(20px * var(--fs-scale, 1)) !important; }
.has-larger-font-size { font-size: calc(24px * var(--fs-scale, 1)) !important; }