/* -----------------------------------------------------------
   Tranh trên mục truyện: tranh lớn của trang truyện (/stories/<slug>,
   /ja/stories/<slug>…) và ảnh đại diện trên thẻ truyện (mục lục, khối «Đọc
   tiếp»). Chỉ trang có tranh hoặc có thẻ mang ảnh tải file này — sinh bởi
   tools/site/build_story_pages.py.

   Tách khỏi style.css cùng lý do với stories-zh.css: 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ỉ mục truyện cần.
----------------------------------------------------------- */

.story-pic { margin: 0 0 30px; }
/* Nền nhạt giữ chỗ trong lúc ảnh đang tải; width/height trên thẻ img giữ đúng
   tỉ lệ 3:2 nên chữ bên dưới không nhảy. Không có chú thích dưới tranh: ghi
   công tranh AI gom ở /licenses, footer trỏ tới. */
.story-pic img { width: 100%; border-radius: 18px; background: var(--bg-tint); }

/* Thẻ truyện: ảnh đại diện vuông bo góc như ô 72 pt trong app. Ô emoji cùng
   cỡ, cùng nền, để hàng trộn ảnh và emoji (kho vi, en mới có vài truyện tranh)
   vẫn thẳng hàng. */
.story-list .e {
  width: 56px; height: 56px; display: flex; align-items: center; justify-content: center;
  border-radius: 12px; background: var(--bg-tint); font-size: 30px;
}
.story-list .e img { width: 56px; height: 56px; border-radius: 12px; }

/* Truyện chưa có tranh: đầu trang vẽ tranh thẻ học đúng vật của emoji truyện
   (tools/site/build_site_icons.py), bo góc như ảnh thẻ. */
.story .story-emoji img { display: block; width: 96px; height: 96px; border-radius: 20px; background: var(--bg-tint); }