main {
  position: relative;
  z-index: 1;
  padding-right: var(--rail-gutter);
}

.page > main,
.page #site-footer-mount {
  zoom: var(--font-scale, 1);
}

body.reader-page {
  zoom: var(--font-scale, 1);
}

/* zoom 會連同 padding 一起放大，但側邊欄是 position: fixed 且不受 zoom 影響。
   因此在被 zoom 的子樹內先除回 --font-scale，
   讓右側預留的視覺寬度剛好等於側邊欄實際佔用的寬度。 */
.page > main,
.page #site-footer-mount,
body.reader-page {
  --rail-gutter: calc(var(--rail-gutter-raw) / var(--font-scale, 1));
}

section {
  padding: 86px 0;
}