/*!
 * soimenh perf-governor.css — load CUỐI trên /cong-cu/*. Cặp với perf-governor.js.
 *
 * ⚠️ BÀI HỌC: phiên bản trước dùng `animation: none` trên `[class*="-cosmos"] *` (mọi con của cosmos)
 * → GIẾT NHẦM animation ENTRANCE (bkieuEnter…) làm opacity 0→1 → content KẸT opacity:0 = VÔ HÌNH.
 * → Đã bỏ HOÀN TOÀN mọi `animation: none`. Việc dừng animation lặp-vô-hạn (melt) do perf-governor.js
 *   lo (chỉ pause `iterations===Infinity`, KHÔNG đụng entrance hữu hạn → an toàn visibility).
 *
 * CSS này CHỈ làm việc KHÔNG ảnh hưởng visibility:
 *   - máy yếu (html.sm-low-power): giảm backdrop-filter/box-shadow/will-change (giảm tải paint, không ẩn gì).
 * KHÔNG bao giờ set animation:none / opacity / display ở đây.
 */

/* ═══ TYPEWRITER HERO (46 tool có [id$="-sub-tw"]) — chặn cascade layout ═══
   Hiệu ứng đánh máy ở subtitle hero đổi textContent ~8 lần/giây LIÊN TỤC. Không contain →
   mỗi lần đổi ép re-layout CẢ TRANG (idle CPU cao → góp phần "cuộn lag" trên trang nặng).
   contain:layout style + inline-block → đổi text CHỈ re-layout chính span → idle 2.3s→0.8s.
   GIỮ NGUYÊN hiệu ứng đẹp, chỉ scope chi phí. */
[id$="-sub-tw"] {
  contain: layout style;
  display: inline-block;
  vertical-align: bottom;
}

/* ═══ TIER MÁY YẾU (html.sm-low-power) — chỉ giảm tải paint, KHÔNG ẩn nội dung ═══ */
html.sm-low-power [class*="-cosmos"],
html.sm-low-power [class*="-cosmos"] *,
html.sm-low-power [class*="-particle"],
html.sm-low-power [class*="-glow"],
html.sm-low-power [class*="-orb"],
html.sm-low-power [class*="-portal-ring"] {
  will-change: auto !important; /* bỏ layer hint thừa — không đổi hiển thị */
}
html.sm-low-power *:not(.sm-header):not([class*="cine"]):not([id$="cinematic"]) {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important; /* backdrop-filter nặng paint khi scroll; tắt không ẩn nội dung */
}
html.sm-low-power [class*="-shadow"] {
  box-shadow: none !important;
}
html.sm-low-power [style*="background-attachment"] {
  background-attachment: scroll !important;
}