本文エリアの幅を変えるとクリック位置とカーソル位置が合わなくなる

これをやるために「本文エリアの幅を広げて余白を入れよう」として、まず以下を試した

.col-page-side { width: calc((100% - 1080px)/2) }
.col-page { max-width: 1080px }
.app:not(.presentation) .line .text {
  max-width: 800px; margin: 0 auto; position: relative }

そしたら本文上でクリックしたときに、クリック位置とカーソル出現位置がずれるようになった

 の幅や位置は変えるとまずいようだ

ので、本文エリアの幅を広げるのは諦めて、テロメアとページメニューの位置に細工する方法に変えた