/* Khối tiêu đề mục chuẩn SectionHeading (sv-sh) + luật chữ chung toàn site.
 * Nạp cho MỌI trang qua _worker.js (thẻ <link> cuối <head>), nên đứng sau khối style nội tuyến
 * mà bộ DS chụp vào từng trang: cùng độ ưu tiên thì tệp này thắng.
 * 13/10/2026: gác UI/UX thấy bốn kiểu tiêu đề mục chạy song song (sv-sh · g2-dm · thv-head · nhãn vàng);
 * máy dựng trang gói và /thuong-hieu-van-hanh/ nay phát đúng lớp sv-sh, không tự chế kiểu riêng. */
.sv-sh { display: flex; flex-direction: column; gap: 0; }
.sv-sh__rule { display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding-bottom: 16px; border-top: 1.5px solid var(--text-primary); padding-top: 14px; }
.sv-sh__eyebrow { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-sans);
  font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-primary); }
.sv-sh__eyebrow i { width: 7px; height: 7px; background: var(--accent); border-radius: 50%; font-style: normal; flex: none; }
.sv-sh__body { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 28px 48px;
  align-items: start; padding-top: 28px; }
.sv-sh--stack .sv-sh__body { grid-template-columns: 1fr; }
.sv-sh__title { font-family: var(--font-heading); font-weight: 600; letter-spacing: -0.02em; line-height: 1.04;
  color: var(--text-primary); margin: 0; font-size: clamp(2.1rem, 1.6rem + 2vw, 3.25rem); text-wrap: balance; }
.sv-sh__title em { font-family: var(--font-heading); font-style: normal; font-weight: 700; color: var(--text-brand); }
.sv-sh__lead { font-family: var(--font-sans); font-size: 17px; line-height: 1.7; color: var(--text-secondary);
  margin: 0; padding-top: 6px; text-wrap: pretty; }
.sv-sh__lead::before { content: ""; display: block; width: 32px; height: 2px; background: var(--accent); margin: 0 0 16px; }
/* Dưới 980 hai cột chật (đoạn dẫn còn ~230px ở 768): xếp một cột. */
@media (max-width: 980px) { .sv-sh__body { grid-template-columns: 1fr; gap: 20px; } }

/* Luật chữ chung: tiêu đề cân dòng, đoạn văn tránh chữ mồ côi. */
h1, h2, h3 { text-wrap: balance; }
p, li { text-wrap: pretty; }

/* Nhãn phụ bên phải vạch tiêu đề (sv-sh__index): từng là chữ trưng bày đỏ nhạt, dưới 4,5:1 trên kem
 * và gần như mất trên navy. Nay là nhãn chữ hoa trầm, cùng họ với nhãn trái, đủ tương phản cả hai nền. */
.sv-sh__index { font-family: var(--font-sans); font-size: 12px; font-weight: 600; letter-spacing: 0.16em;
  text-transform: uppercase; line-height: 1.4; color: var(--text-secondary); }
:is([data-theme="dark"], [data-brand-chrome]) .sv-sh__index { color: color-mix(in srgb, var(--color-off-white) 78%, transparent); }