Como determinar qual elemento na página causa o rolagem horizontal?

É incrível como o gpt pode apenas responder a esta pergunta, quando eu tenho lutado com isso por tanto tempo.

Você pode executar isso no console para ver quais são os elementos ofensivos:

[...document.querySelectorAll('*')].filter(el => {
  const r = el.getBoundingClientRect()
  return r.right > document.documentElement.clientWidth
}).forEach(el => console.log(el, el.getBoundingClientRect()))

Você também pode realçá-los:

[...document.querySelectorAll('*')].forEach(el => {
  const r = el.getBoundingClientRect()
  if (r.right > document.documentElement.clientWidth) {
    el.style.outline = '2px solid red'
  }
})

.