/* -----------------------------------------------------------
   Hình thương hiệu thay emoji: icon Dino Kids (nền trong) ở nhãn môn, ba cột
   trên trang chủ, trang kết quả liên hệ, đầu bài viết và thẻ bài viết. Chỉ
   trang có hình mới tải file này — tools/site/build_site_icons.py nối vào
   trang viết tay, build_articles.py nối vào mục bài viết.

   File riêng chứ không trong style.css: sửa style.css là đổi dấu `?v=` trên
   mọi trang của site (site/check.py, check_stamp). CSP `style-src 'self'`
   cấm `<style>` nhúng. Cỡ ở đây phải khớp SLOTS trong build_site_icons.py —
   width/height trên thẻ img lấy từ đó.
----------------------------------------------------------- */

img.ic { display: inline-block; vertical-align: middle; }

/* Nhãn «🎨 Mỹ thuật»: hình cao hơn chữ 14 px một chút cho rõ, kéo lề trái
   vào để viên nhãn không phình. */
.subject .tag img.ic { width: 22px; height: 22px; margin: -3px 2px -1px -4px; }

.pillars .ico img.ic { display: block; width: 56px; height: 56px; }
.result .ico img.ic { display: block; width: 96px; height: 96px; margin: 0 auto; }

/* Thẻ bài viết (mục lục blog, khối bài mới trên trang chủ): emoji cũ cao
   ~33 px; hình 44 px vẫn để chữ tiêu đề dẫn mắt. Ô rộng cố định để thẻ còn
   emoji và thẻ đã có hình thẳng lề chữ với nhau. File này không tải ở mục
   truyện — ô thẻ truyện là ô 56 của stories-pic.css. */
.story-list .e { width: 44px; text-align: center; }
.story-list .e img.ic { display: block; width: 44px; height: 44px; }

.article-emoji img.ic { display: block; width: 96px; height: 96px; }
.embed .article-emoji img.ic { width: 72px; height: 72px; }

/* Nút giữa câu trong bài hướng dẫn («chạm ⚙️» → hình nút thật của app,
   `{ui.settings}` trong Markdown). Lớp `inl` chứ không `btn`: `.btn` là nút
   to của style.css (đệm 26 px, nền màu) và che mất hình. 28 px vừa trong một
   dòng 18 px × 1,85 mà không đẩy dòng giãn ra; hạ đường chân để hình đứng
   giữa con chữ thường. */
.article-body img.ic.inl { width: 28px; height: 28px; vertical-align: -8px; margin: 0 1px; }
/* Chú thích dưới ảnh chụp chữ 14 px: nút nhỏ theo. */
.article-body .shot figcaption img.ic.inl { width: 22px; height: 22px; vertical-align: -6px; }