/* -----------------------------------------------------------
   Pinyin trên mục truyện tiếng Trung (/zh/stories). Chỉ trang zh tải file
   này — sinh bởi tools/site/build_story_pages.py.

   Tách khỏi style.css có chủ ý: sửa style.css là đổi dấu `?v=` trên mọi
   trang của site, còn mấy dòng này chỉ trang zh cần. Lần tới style.css đổi
   vì việc khác thì gộp vào đó và bỏ file này cũng được.
----------------------------------------------------------- */

/* Pinyin rộng hơn chữ Hán (zhuāng sáu ký tự trên một ô vuông), nên mỗi chữ
   là một <ruby> riêng, âm tiết canh giữa trên chữ của nó và chữ giãn ra theo
   âm tiết — đúng kiểu sách tranh có pinyin. Khoảng hở giữa các chữ giữ hai
   âm tiết kề nhau khỏi dính thành một («zhuāngpáng»). Cỡ 0.62em: nhỏ hơn
   nữa thì dấu thanh (ǎ ǐ) không còn đọc ra trên điện thoại. Chọn theo `main`
   để phủ cả tiêu đề nhóm ở mục lục; chỉ trang zh tải file này nên không lan. */
main ruby { ruby-align: center; margin: 0 0.12em; }
main rt {
  font-size: 0.62em; letter-spacing: 0; line-height: 1.2;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Dòng chữ Hán kèm pinyin cao gần gấp đôi; tiếng Nhật đã cần 2.2. */
.story-text p { line-height: 2.5; }
.story .story-summary { line-height: 2.3; }
.story-list a { line-height: 2; }