スライダーで親要素の幅だけを変えます。ブラウザの幅は一切変わりません。文字の大きさも余白も、親の幅に合わせて連続的に変化します。
見出しも本文も余白も、画面幅ではなく親要素の幅を基準にしています。同じ部品を狭い欄に置いても、比率を保ったまま縮みます。
cqi は下限と上限を必ず clamp で挟んでください。単体で使うと、狭いところでは読めない大きさまで縮み、広いところでは不格好に膨らみます。