/* Chinese typography overrides — applies on top of la.css */
body {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
               "Noto Sans CJK SC", sans-serif;
  line-height: 1.75;
  overflow-wrap: break-word;
  word-break: break-all;
}

p, li, td, th, dd, dt, blockquote {
  line-height: 1.75;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
               "Noto Sans CJK SC", sans-serif;
}

/* The floating menu button (.menu_class) is position:fixed at the top-left
   corner and ~64px wide. On wide screens it sits inside the content's 10%
   left margin, but once the viewport narrows enough that 10% < ~70px the
   button overlaps the chapter title (<h1>). Give the heading top clearance
   on narrow screens so the button and title never collide. */
@media (max-width: 720px) {
  h1 {
    padding-top: 3.75rem;
  }
}