/* Tiếng Việt: Gabarito và Figtree chỉ có bộ latin và latin-ext, thiếu các chữ có dấu chồng (ế, ộ, ữ…; U+1EA0–1EF9),
   nên trình duyệt phải mượn phông khác cho từng chữ. Be Vietnam Pro có đủ bộ vietnamese, dùng cho cả tiêu đề lẫn nội dung
   (nạp qua fonts_href trong content/vi/ui.json). */
:root {
  --display: "Be Vietnam Pro", "Helvetica Neue", Arial, sans-serif;
  --sans: "Be Vietnam Pro", "Helvetica Neue", Arial, sans-serif;
}

/* Tiêu đề: dấu chồng trên chữ hoa và chữ thường (Ể, ế, ộ) cần thêm khoảng trống giữa các dòng so với mức 1.04 của chữ Latin */
.display { line-height: 1.16; letter-spacing: -0.025em; }
.h2 { line-height: 1.18; letter-spacing: -0.025em; }
.h3 { line-height: 1.22; }

/* Be Vietnam Pro rộng hơn Figtree: giữ đoạn mở đầu của trang chủ trong cột chữ, không lấn sang dải thẻ sản phẩm */
.hero--home .lead { max-width: 42ch; }