/* ============================================================
   PHÔNG CHỮ CHÍNH CỦA WEB (từ 12/11/2026; trước đó là bản thử 05/11/2026 bật bằng nút "Aa Phông thử"):
   tiêu đề Cal Sans in hoa, chữ thường Montserrat, cả máy tính và điện thoại, mọi trang (công cộng, Đăng nhập, Dashboard).
   Cả hai phông có đủ dấu tiếng Việt (đã kiểm trên Google Fonts).
   Mọi trang .html có sẵn class "phong-thu" ở thẻ <html>, tải 2 phông và file này ở phần <head> (file này tải SAU CÙNG).
   Tên class giữ là "phong-thu" để khỏi phải sửa hàng loạt bộ chọn; muốn về phông cũ (Be Vietnam Pro + Lora) thì bỏ class đó.
   Cal Sans chỉ có một độ đậm (400) và không có chữ nghiêng: đặt đúng 400, chữ thẳng, không cho trình duyệt tô đậm giả.
   ============================================================ */

html.phong-thu { font-synthesis: style; }   /* được nghiêng giả, không được đậm giả */

/* Chữ thường: Montserrat; phông tiêu đề (trước là Lora): Cal Sans */
html.phong-thu body, html.phong-thu .tc-moi, html.phong-thu .dash-sang {
  --tc-dam: 'Montserrat', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --tc-serif: 'Cal Sans', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --dm-dam: 'Montserrat', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --dm-serif: 'Cal Sans', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  font-family: 'Montserrat', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
}

/* Mọi tiêu đề: tiêu đề rất to ở ảnh bìa, tiêu đề các phần, tên thẻ, tên trang Dashboard, tên ô, chữ Cantaloupe ở logo */
html.phong-thu .tc-bia h1, html.phong-thu .tc-cach-dau h2, html.phong-thu .tc-dau-giua h2, html.phong-thu .tc-serif,
html.phong-thu .tc-the h3, html.phong-thu .gh-ten, html.phong-thu .gh-toi i, html.phong-thu .tc-buoc .so, html.phong-thu .tc-buoc-ten, html.phong-thu .tc-slide b,
html.phong-thu .tc-moi .section-head h2, html.phong-thu .tc-moi .section .card h3, html.phong-thu .tc-moi .stage-card h3,
html.phong-thu .tc-moi .dn-chu h2, html.phong-thu .tc-moi .dn-hop h1, html.phong-thu .doc-than h2, html.phong-thu .modal-head h3,
html.phong-thu .dash-sang .dash-topbar .greet h1, html.phong-thu .dash-sang .in-dash .section-head h2, html.phong-thu .dash-sang .panel-head h3,
html.phong-thu .brand, html.phong-thu .dash-brand {
  font-family: 'Cal Sans', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  font-weight: 400; font-style: normal; letter-spacing: -0.01em;
}

/* Tiêu đề IN HOA (người dùng yêu cầu 05/11/2026; trước đó nhờ làm đậm là nhầm, đã bỏ).
   Chữ hoa tiếng Việt có dấu chồng lên trên (Ế, Ữ...) nên giãn dòng thêm cho dấu khỏi đụng dòng trên; giãn chữ nhẹ cho dễ đọc.
   Không in hoa: chữ Cantaloupe ở logo (giữ đúng tên). Tên giai đoạn nằm giữa câu kết luận (.gh-toi i) in hoa từ 12/11/2026,
   luật nằm cuối css/trang-chu-moi.css. */
html.phong-thu .tc-bia h1, html.phong-thu .tc-cach-dau h2, html.phong-thu .tc-dau-giua h2, html.phong-thu .tc-serif,
html.phong-thu .tc-the h3, html.phong-thu .gh-ten, html.phong-thu .tc-buoc-ten, html.phong-thu .tc-slide b,
html.phong-thu .tc-moi .section-head h2, html.phong-thu .tc-moi .section .card h3, html.phong-thu .tc-moi .stage-card h3,
html.phong-thu .tc-moi .dn-chu h2, html.phong-thu .tc-moi .dn-hop h1, html.phong-thu .doc-than h2, html.phong-thu .modal-head h3,
html.phong-thu .dash-sang .dash-topbar .greet h1, html.phong-thu .dash-sang .in-dash .section-head h2, html.phong-thu .dash-sang .panel-head h3 {
  text-transform: uppercase; letter-spacing: .01em; line-height: 1.2;
}
/* Cụm nhấn cam trong tiêu đề ảnh bìa: in hoa thì dài hơn, cho xuống dòng được để khỏi tràn khung */
html.phong-thu .tc-bia h1 .tc-nhan-manh { white-space: normal; }