/* [12/10] CEO khoanh "font chữ khó chịu" (dòng SYND WOW · HÔM NAY QUÉT XONG, SUY · ĐỐI THỦ AFFILIATE…): mono HOA giãn chữ 8,5–10,5px
   rải hơn 20 chỗ ⇒ mỏi mắt. Đè chung: nhãn = Inter dễ đọc, cỡ lớn hơn, KHÔNG viết hoa toàn bộ; mono chỉ còn cho mã/số (code, .wow-so).
   Huy hiệu (ĐANG NỔ, CÒN PHẦN, VIDEO/ẢNH) giữ chữ hoa nhưng Inter đậm, giãn nhẹ. */
.wow-mat-nhan, .wow-nhan, .rd-den, .wt-lien-ket, .rd-mo-qc, .rd-kt-loc button, .wow-nut, .rd-so-ba span, .lr-so span, .rd-sp-so span, .rd-rong span, .rd-bang th, .rd-bang td small, .wt-the {
  font-family: var(--wow-font-chu) !important; text-transform: none !important; letter-spacing: 0.02em !important; }
.wow-mat-nhan { font-size: 13px !important; font-weight: 500 !important; color: rgb(255 140 100 / 0.95) !important; text-decoration: none; }
.wow-nhan { font-size: 12.5px !important; color: var(--wow-chu-2) !important; }
.rd-den { font-size: 13px !important; }
.rd-so-ba span, .lr-so span, .rd-sp-so span, .rd-rong span { font-size: 11.5px !important; }
.rd-bang th { font-size: 12px !important; }
.wow-nut, .wt-lien-ket, .rd-kt-loc button { font-size: 13px !important; font-weight: 500 !important; }
.rd-mo-qc { font-size: 12.5px !important; font-weight: 600 !important; } /* [19/10] nút chữ chung đậm hơn chữ thường — xem .rd-mo-qc ở trên */
.rd-mo-qc.rd-mo-ten { font-size: inherit !important; font-weight: 500 !important; }
.rd-no, .rd-tin, .rd-dang, .lr-pill { font-family: var(--wow-font-chu) !important; font-weight: 600 !important; letter-spacing: 0.05em !important; font-size: 10.5px !important; }
/* [12/10] biển hiệu + nút gạt: /assets/wow-dau-trang-chung-2026-10-12.css (chung với màn Toàn cảnh). Đầu màn TRÀN NGANG (bỏ khung 1440
   căn giữa) để cửa đầu nằm đúng 20px mép trái như màn Toàn cảnh, ở mọi bề rộng. */
/* [12/10] MÃ WIN (khu trên cùng Radar) + XƯỞNG CONTENT */
.mw-khu { border-color: var(--wow-cam, #ee4d2d); }
.mw-ten { margin: 0; font-size: 14px; font-weight: 500; color: var(--wow-chu); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; line-height: 1.3; }
.mw-mo-ta { font-size: 12px; color: var(--wow-chu-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mw-ly-do { color: var(--wow-chu-2); margin-top: -4px; }
.mw-lien-ket { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; }
.mw-dau-sp { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 20px; align-items: center; }
.mw-anh-sp { width: 120px; height: 120px; border-radius: 8px; overflow: hidden; background: #000; border: 1px solid var(--wow-vien); }
.mw-anh-sp img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mw-ten-lon { font-size: clamp(20px, 2.2vw, 30px) !important; text-transform: none !important; letter-spacing: 0.01em !important; font-weight: 300 !important; line-height: 1.25; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mw-nguon-anh video { width: 100%; height: 100%; object-fit: cover; display: block; background: #000; }
.mw-het-han { position: absolute; inset: 0; display: grid; place-items: center; padding: 12px; text-align: center; font-size: 12px; color: var(--wow-chu-3); }
.mw-cap { -webkit-line-clamp: 3; min-height: 3.9em; }
.mw-viec-xong { background: #1f7a4d !important; }
.mw-viec-loi { background: #8a1d12 !important; }
.mw-dong-viec { align-items: start; flex-wrap: wrap; }
.mw-video-ra { width: min(100%, 220px); aspect-ratio: 9 / 16; border-radius: 8px; background: #000; }
/* [12/10] popup Trước/Sau — video gốc đối thủ ⟷ video mình làm, đặt cạnh nhau (390px vẫn 2 cột: so sánh cần nhìn cùng lúc) */
.mw-ss { width: min(920px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; border: 0; background: transparent; color: var(--wow-chu); overflow: visible; }
.mw-ss::backdrop { background: rgba(0,0,0,.82); }
.mw-ss .rd-phan { display: grid; gap: 14px; max-height: calc(100dvh - 32px); overflow-y: auto; overflow-x: clip; }
.mw-ss-hai { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
/* [14/10] cảnh báo "CHỮ LẠ do AI tự vẽ" (CEO soi ảnh việc #31) — phải nằm TRÊN ảnh, không để dưới đáy popup */
.mw-ss-canh-bao { padding: 8px 10px; border: 1px solid #d97706; border-radius: 8px; background: rgba(217,119,6,.12); color: #fbbf24; font-size: 13px; line-height: 1.45; }
.mw-ss-canh-bao[hidden] { display: none; }
.mw-ss-cot { display: grid; gap: 8px; align-content: start; min-width: 0; }
.mw-ss-khung { position: relative; aspect-ratio: 9 / 16; max-height: min(62dvh, 560px); width: 100%; margin: 0 auto; border-radius: 8px; overflow: hidden; background: #000; border: 1px solid var(--wow-vien); }
.mw-ss-khung.mw-ss-minh { border-color: var(--wow-cam); }
.mw-ss-khung video, .mw-ss-khung img { width: 100%; height: 100%; object-fit: contain; display: block; }
.mw-ss-dong { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; justify-content: space-between; }
.mw-ss-loi { white-space: pre-wrap; font-size: 13px; line-height: 1.55; color: var(--wow-chu-2, var(--wow-chu)); max-height: 160px; overflow-y: auto; overflow-x: clip; margin: 0; padding: 10px 12px; border: 1px solid var(--wow-vien-nhat); border-radius: 6px; }
.mw-ss-x { min-height: 44px; min-width: 44px; }
.mw-tin-bam { cursor: pointer; border: 0; }
/* [12/10] bộ ảnh: thẻ Meta 4:5; dải thẻ nhỏ ở hàng đợi (bấm mở Trước/Sau) */
.mw-ss-khung.mw-ss-45 { aspect-ratio: 4 / 5; }
.mw-tho { display: flex; gap: 6px; flex-wrap: wrap; max-width: 100%; }
.mw-tho img { width: 72px; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 4px; border: 1px solid var(--wow-vien); cursor: pointer; }
.mw-tho img:hover { filter: brightness(1.15); }
.mw-buoc { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.mw-buoc-xong { border-color: #1f7a4d; }
.mw-den-het { color: #ff5a4f !important; }
.mw-chay-win { background: #1f7a4d !important; color: #e8fff2 !important; }
.mw-chay-dang { background: #1d4f8a !important; color: #e3f0ff !important; }
@media (max-width: 600px) { .mw-dau-sp { grid-template-columns: 72px minmax(0, 1fr); gap: 12px; } .mw-anh-sp { width: 72px; height: 72px; } }