Using Brave on MacOS, I cannot scroll the page to see the entire text. On Firefox, it scrolls fine.

Same in Safari. It has something to do with the

  :root {
    […]
    overflow: hidden scroll;
    container-type: size;
    […]
  }

Cannot scroll on Safari on macOS, either. What also doesn't work is making the font smaller / larger.

Splendid. Someone found a way to break Browser Scrolling. (Firefox 115.16 for Win7)

Well done.