/* Giao diện mới C — nhóm trang "noi-dung" (07/10/2026). Nạp sau giao-dien-c.css, CHỈ khi ?giao-dien=moi.
   Mọi luật phải bắt đầu bằng html[data-giao-dien="moi"] để bản cũ không bị ảnh hưởng.

   Nhóm trang: /blog-listing, /blog/{slug}, /about, /contact, /cau-hoi-thuong-gap, /recruitment, /partner,
   /page/{slug} + /chinh-sach-* + /dieu-khoan-su-dung (CmsPage), /tra-cuu-don, /review/{id}, /write-review/{id},
   /not-found; thêm khối hỏi–đáp dùng chung ListingFaqSection (.lfq).

   Cách khoanh vùng: các trang này đều bọc trong .rcx (lớp dùng chung với nhiều trang nhóm khác), nên mỗi trang
   được nhận diện bằng .rcx:has(<lớp riêng của trang>) — không có luật nào phủ .rcx trần.
     Blog danh sách  .rcx:has(.bl-hero-search)          Blog bài   .rcx:has(> .section > .section-inner[style*="820px"])
     CMS/chính sách  .rcx:has(> .doc-hero)              Về chúng tôi .rcx:has(.logbook)
     Tuyển dụng      .rcx:has(.passes)                  Đối tác    .rcx:has(.track-grid)
     Liên hệ         .rcx:has(.ct-hero)                 Hỏi đáp    .rcx:has(.faq-hero)
     Tra cứu đơn     .rcx:has(.tcd-wrap)                Đánh giá   .rv-wrap · Viết đánh giá .wr-sec
   Mỗi trang tự khai biến màu cũ ngay trên .rcx (--teal #015959, --cream #fbf6ea, --paper #f4ead6…), nên bước 1
   đè lại các biến đó → phần lớn màu tự đổi; các bước sau dọn bóng đổ, gradient, chữ nghiêng, chữ < 12px. */

/* ── 1. Biến màu chung cho mọi trang .rcx của nhóm (đè biến cục bộ khai trong <style> của từng trang) ── */
html[data-giao-dien="moi"] :is(.rcx:has(.bl-hero-search),.rcx:has(> .section > .section-inner[style*="820px"]),.rcx:has(> .doc-hero),
  .rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid),.rcx:has(.ct-hero),.rcx:has(.faq-hero),.rcx:has(.tcd-wrap)){
  --ink:#14211f;--teal:#0e544e;--teal2:#26b3b4;--teald:#0e544e;--or2:#f16225;--orsoft:#d9531b;--gld:#f8c11c;
  --paper:#f3f7f6;--or-text:#b9481a;--cream:#fff;--ln:#e3e8e7;--lns:#e3e8e7;--mut:#4f5e5c;
  background:#fff;color:var(--c-muc);
}
/* Lớp nhiễu "giấy cũ" phủ cả trang + đường bay chấm chấm trong khối đầu trang: bỏ, giao diện C phẳng. */
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid))::after{display:none}
html[data-giao-dien="moi"] :is(.rcx:has(> .doc-hero),.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid),.rcx:has(.ct-hero),.rcx:has(.faq-hero),.rcx:has(.bl-hero-search)) :is(.hero-map,.fm,.bl-fm){display:none}

/* ── 2. Về chúng tôi + Tuyển dụng + Đối tác: cùng bộ khung "hành trình" (.hero, .board, .rsec, .rbtn…) ── */
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) :is(h1,h2,h3){font-weight:800;letter-spacing:-.02em;line-height:1.1}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--c-cam-dam)}
/* Nút: viên thuốc, không bóng */
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .rbtn{min-height:48px;padding:0 26px;font-size:14px;box-shadow:none}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .rbtn-orange{background:var(--c-cam);box-shadow:none}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .rbtn-orange:hover{background:var(--c-cam-dam);box-shadow:none}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .rbtn-ghost{border:1.5px solid rgba(255,255,255,.7)}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .rbtn-ink{background:var(--c-xanh)}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .rbtn-ink:hover{background:var(--c-xanh-dam)}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .rbtn-paper{background:#fff;color:var(--c-xanh);border:1px solid var(--c-ke)}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .rbtn-paper:hover{border-color:var(--c-ngoc)}
/* Khối đầu trang: nền đặc xanh rêu, tiêu đề đậm chặt chữ, không chữ nghiêng */
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .hero{background:var(--c-xanh)}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .hero h1{font-weight:800;letter-spacing:-.03em;line-height:1.02}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .hero h1 :is(.ev,span){font-style:normal;font-weight:800;color:var(--c-vang)}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .stamp{transform:none;border-width:1px;font-size:12px;letter-spacing:.2em;font-weight:700}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .hero-lead{color:rgba(255,255,255,.9);line-height:1.7}
/* Vé "boarding pass" trong khối đầu trang: phẳng, thẳng, không lơ lửng */
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .hero-pass{background:#fff;border-radius:20px;box-shadow:none;transform:none;animation:none}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .hp-top{border-bottom:1px dashed var(--c-ke)}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .hp-top .mono{font-size:12px!important;color:var(--c-chu-3)!important}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .hp-brand{font-weight:800}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .hp-brand b{color:var(--c-cam)}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .hp-route .pt small,
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .hp-grid .f label{font-size:12px;letter-spacing:.06em;color:var(--c-chu-3)}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .hp-route .seg{border-top:2px dotted var(--c-ke)}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .hp-route .seg::after{color:var(--c-ngoc)}
/* Dải số liệu dưới khối đầu: nền đêm */
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .board{background:var(--c-dem)}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .bnum{font-weight:800;color:var(--c-vang);letter-spacing:-.02em}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .blab{font-size:12px;letter-spacing:.12em;color:rgba(255,255,255,.78)}
/* Khối nội dung: trắng / xám xanh xen kẽ, tiêu đề lớn */
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .rsec.paper{background:var(--c-nen)}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .rhead h2{font-size:clamp(30px,4.2vw,48px);line-height:1.1}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .rhead h2 .hl{font-style:normal;font-weight:800;color:var(--c-cam-dam)}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .rhead p{color:var(--c-chu-2);font-size:16px;line-height:1.6}
/* Con dấu tròn (giá trị / văn hoá): thẳng, viền mảnh, icon xanh ngọc */
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .pstamp-circle,
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .pstamp:nth-child(even) .pstamp-circle{
  width:112px;height:112px;border:1px solid var(--c-ke);background:#fff;color:var(--c-ngoc);transform:none;opacity:1}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .pstamp-circle .tx{font-size:12px;letter-spacing:.1em;font-weight:700;color:var(--c-xanh)}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .pstamp h3{font-size:18px;font-weight:800}
html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .pstamp p{font-size:14px;color:var(--c-chu-2)}

/* ── 3. Về chúng tôi (/about) ── */
html[data-giao-dien="moi"] .rcx:has(.logbook) .hero-license{font-size:12px;color:rgba(255,255,255,.85)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .logbook{background:#fff;border:1px solid var(--c-ke);border-radius:20px;box-shadow:none;font-size:16px;line-height:1.7;color:var(--c-muc);padding:40px}
html[data-giao-dien="moi"] .rcx:has(.logbook) .logbook .lead{font-size:18px;font-weight:700;line-height:1.6}
html[data-giao-dien="moi"] .rcx:has(.logbook) .logbook .lead em,
html[data-giao-dien="moi"] .rcx:has(.logbook) .logbook .sign,
html[data-giao-dien="moi"] .rcx:has(.logbook) .logbook .sign em,
html[data-giao-dien="moi"] .rcx:has(.logbook) .team-split em{font-style:normal}
html[data-giao-dien="moi"] .rcx:has(.logbook) .logbook .sign{color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .logbook a{color:var(--c-xanh);text-decoration:underline;text-underline-offset:3px}
html[data-giao-dien="moi"] .rcx:has(.logbook) .story-list li{font-size:15px;color:var(--c-muc)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .story-list li::before{border:0;background:var(--c-ngoc);width:8px;height:8px;top:8px}
/* Mốc thời gian: chấm theo 4 màu logo (màu cũ ghi thẳng --ac trong style=""), năm chữ đậm màu mực */
html[data-giao-dien="moi"] .rcx:has(.logbook) .tlx-item:nth-child(1){--ac:#0e544e!important}
html[data-giao-dien="moi"] .rcx:has(.logbook) .tlx-item:nth-child(2){--ac:#26b3b4!important}
html[data-giao-dien="moi"] .rcx:has(.logbook) .tlx-item:nth-child(3){--ac:#f16225!important}
html[data-giao-dien="moi"] .rcx:has(.logbook) .tlx-item:nth-child(4){--ac:#f8c11c!important}
html[data-giao-dien="moi"] .rcx:has(.logbook) .tlx::before{background-image:linear-gradient(90deg,var(--c-ke) 0 8px,transparent 8px 16px)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .tlx-dot{background:#fff}
html[data-giao-dien="moi"] .rcx:has(.logbook) .tlx-year{font-weight:800;color:var(--c-muc);letter-spacing:-.02em}
html[data-giao-dien="moi"] .rcx:has(.logbook) .tlx-badge{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--c-vang);color:var(--c-xanh);letter-spacing:.04em}
html[data-giao-dien="moi"] .rcx:has(.logbook) .tlx-desc{font-size:14px;color:var(--c-chu-2)}
/* 4 dịch vụ: thẻ phẳng, icon xanh ngọc, bỏ viền màu trên đầu */
html[data-giao-dien="moi"] .rcx:has(.logbook) .dest{background:#fff;border:1px solid var(--c-ke);border-radius:20px;box-shadow:none;padding:28px 22px;transition:border-color .15s}
html[data-giao-dien="moi"] .rcx:has(.logbook) .dest:hover{transform:none;box-shadow:none;border-color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .dest-ico{color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .dest h3{font-size:17px;font-weight:800;line-height:1.3}
html[data-giao-dien="moi"] .rcx:has(.logbook) .dest p{font-size:14px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .dest .go{font-size:16px;font-weight:700;color:var(--c-xanh)}
/* Đội ngũ + bưu thiếp */
html[data-giao-dien="moi"] .rcx:has(.logbook) .team-split h2[style]{font-size:clamp(30px,4.2vw,48px)!important;font-weight:800!important}
html[data-giao-dien="moi"] .rcx:has(.logbook) .team-split h2 .hl{font-style:normal!important;font-weight:800!important;color:var(--c-cam-dam)!important}
html[data-giao-dien="moi"] .rcx:has(.logbook) .team-split p{font-size:16px;line-height:1.7;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .postcard{border-radius:20px;background:var(--c-dem)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .postcard .bg{opacity:.45;mix-blend-mode:normal}
html[data-giao-dien="moi"] .rcx:has(.logbook) .postcard::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,43,40,.1),rgba(7,43,40,.75))}
html[data-giao-dien="moi"] .rcx:has(.logbook) .postcard .quote{font-size:26px;font-weight:800;line-height:1.25;letter-spacing:-.01em}
html[data-giao-dien="moi"] .rcx:has(.logbook) .postcard .qmark{color:var(--c-vang)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .postcard .by{font-size:13px}
html[data-giao-dien="moi"] .rcx:has(.logbook) .postcard .corner{width:auto;height:auto;padding:8px 10px;transform:none;border-width:1px;border-radius:12px;font-size:12px;letter-spacing:.08em;z-index:1}
/* Hồ sơ pháp lý: thẻ phẳng, nhãn "OFFICIAL" thành viên thuốc thay dải chéo 8px */
html[data-giao-dien="moi"] .rcx:has(.logbook) .visa{--vc:#0e544e!important;background:#fff;border:1px solid var(--c-ke);border-radius:20px;padding:24px}
html[data-giao-dien="moi"] .rcx:has(.logbook) .visa::after{font-family:'Montserrat',system-ui,sans-serif;font-weight:700;right:16px;top:16px;transform:none;padding:4px 10px;border-radius:999px;font-size:12px;letter-spacing:.12em;background:var(--c-ngoc-nhat);color:var(--c-xanh);opacity:1}
html[data-giao-dien="moi"] .rcx:has(.logbook) .visa-seal{color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .visa-label{font-size:12px;font-weight:700;letter-spacing:.08em;padding-right:96px}
html[data-giao-dien="moi"] .rcx:has(.logbook) .visa-num{font-size:20px;font-weight:800;letter-spacing:-.01em}
html[data-giao-dien="moi"] .rcx:has(.logbook) .visa-meta{font-size:13px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .visa-btn{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;font-size:14px;background:var(--c-xanh)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .visa-btn:hover{transform:none;background:var(--c-xanh-dam)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .reg-card{background:#fff;border:1px solid var(--c-ke);border-radius:20px;padding:28px}
html[data-giao-dien="moi"] .rcx:has(.logbook) .reg-grid{font-size:14px;color:var(--c-muc)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .reg-grid .k{font-size:12px;letter-spacing:.08em;font-weight:700;color:var(--c-chu-3)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .reg-grid a{color:var(--c-xanh);text-decoration:underline;text-underline-offset:3px}
/* Điểm ghé */
html[data-giao-dien="moi"] .rcx:has(.logbook) .stop{background:#fff;border:1px solid var(--c-ke);border-radius:20px;padding:24px}
html[data-giao-dien="moi"] .rcx:has(.logbook) .stop-pin{color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .stop h3{font-size:16px;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(.logbook) .stop p{font-size:14px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.logbook) .stop-map{background:var(--c-xanh);font-size:13px;min-height:40px;padding:0 16px}
/* Kêu gọi cuối: nền xanh rêu (chân trang đã là nền đêm, trùng màu sẽ dính liền), nút đầu (Xem tour) thành nút chính cam */
html[data-giao-dien="moi"] .rcx:has(.logbook) .cta{background:var(--c-xanh);padding:80px 24px}
html[data-giao-dien="moi"] .rcx:has(.logbook) .cta h2{font-size:clamp(30px,4.5vw,48px);color:#fff}
html[data-giao-dien="moi"] .rcx:has(.logbook) .cta p{font-size:16px}
html[data-giao-dien="moi"] .rcx:has(.logbook) .cta-btns .rbtn:first-child{background:var(--c-cam)!important;color:#fff!important}
html[data-giao-dien="moi"] .rcx:has(.logbook) .cta-btns .rbtn:first-child:hover{background:var(--c-cam-dam)!important}

/* ── 4. Tuyển dụng (/recruitment) ── */
/* Montserrat rộng hơn Fraunces: cỡ cũ 104px làm "Everywhere" gãy giữa chữ ở cột trái → thu cỡ */
html[data-giao-dien="moi"] .rcx:has(.passes) .hero h1{font-size:clamp(40px,5.6vw,80px)}
html[data-giao-dien="moi"] .rcx:has(.passes) .hero h1 .ev{margin-top:.02em}
/* 4 chặng: con dấu tròn thẳng, viền xanh rêu / cam xen kẽ */
html[data-giao-dien="moi"] .rcx:has(.passes) .route::before{background-image:linear-gradient(90deg,var(--c-ke) 0 8px,transparent 8px 16px)}
html[data-giao-dien="moi"] .rcx:has(.passes) .wp-stamp{background:#fff;border:2px solid var(--c-xanh);color:var(--c-xanh);box-shadow:none;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(.passes) .wp-stamp::after{display:none}
html[data-giao-dien="moi"] .rcx:has(.passes) .waypoint:nth-child(odd) .wp-stamp{border-color:var(--c-cam);color:var(--c-cam-dam);transform:none}
html[data-giao-dien="moi"] .rcx:has(.passes) .waypoint h3{font-size:18px;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(.passes) .waypoint p{font-size:14px;color:var(--c-chu-2)}
/* Thẻ vị trí (vé lên máy bay): phẳng, viền mảnh; màu nhấn từng vị trí lấy từ DB (--accent ghi trong style="") → đưa về xanh ngọc */
html[data-giao-dien="moi"] .rcx:has(.passes) .pass{--accent:#26b3b4!important;background:#fff;border:1px solid var(--c-ke);border-radius:20px;box-shadow:none;transition:border-color .15s}
html[data-giao-dien="moi"] .rcx:has(.passes) .pass:hover{transform:none;box-shadow:none;border-color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.passes) .pass-main{border-left:0;padding:28px}
html[data-giao-dien="moi"] .rcx:has(.passes) .pass-route .seg{border-top:2px dotted var(--c-ke)}
html[data-giao-dien="moi"] .rcx:has(.passes) .pass-route .city{font-size:13px;color:var(--c-chu-3)}
html[data-giao-dien="moi"] .rcx:has(.passes) .pass-role{font-size:24px;font-weight:800;line-height:1.15;letter-spacing:-.02em}
html[data-giao-dien="moi"] .rcx:has(.passes) .pf label,
html[data-giao-dien="moi"] .rcx:has(.passes) .pass-req .rl{font-size:12px;letter-spacing:.08em;color:var(--c-chu-3)}
html[data-giao-dien="moi"] .rcx:has(.passes) .pf div{font-size:14px}
html[data-giao-dien="moi"] .rcx:has(.passes) .pass-desc{font-size:14px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.passes) .pass-req{border-top:1px dashed var(--c-ke)}
html[data-giao-dien="moi"] .rcx:has(.passes) .pass-req li{font-size:14px;color:var(--c-muc)}
html[data-giao-dien="moi"] .rcx:has(.passes) .pass-stub{background:var(--c-xanh)}
html[data-giao-dien="moi"] .rcx:has(.passes) .stub-tag,
html[data-giao-dien="moi"] .rcx:has(.passes) .stub-gate small{font-size:12px;letter-spacing:.1em;color:rgba(255,255,255,.72)}
html[data-giao-dien="moi"] .rcx:has(.passes) .stub-gate{font-weight:800;color:var(--c-vang)}
html[data-giao-dien="moi"] .rcx:has(.passes) .stub-flight{font-size:12px}
html[data-giao-dien="moi"] .rcx:has(.passes) .rstub-btn{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:14px;background:var(--c-cam)}
html[data-giao-dien="moi"] .rcx:has(.passes) .rstub-btn:hover{transform:none;background:var(--c-cam-dam)}
html[data-giao-dien="moi"] .rcx:has(.passes) .pass-closed{font-size:12px;border-width:1px}
/* Quyền lợi (thẻ hành lý) */
html[data-giao-dien="moi"] .rcx:has(.passes) .tag{background:#fff;border:1px solid var(--c-ke);border-radius:20px;box-shadow:none;transition:border-color .15s}
html[data-giao-dien="moi"] .rcx:has(.passes) .tag:hover{transform:none;border-color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.passes) .tag::before{border:1px solid var(--c-ke);background:var(--c-nen)}
html[data-giao-dien="moi"] .rcx:has(.passes) .tag-ico,
html[data-giao-dien="moi"] .rcx:has(.passes) .tag:nth-child(even) .tag-ico{color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.passes) .tag h3{font-size:17px;font-weight:800;line-height:1.3}
html[data-giao-dien="moi"] .rcx:has(.passes) .tag p{font-size:14px;color:var(--c-chu-2)}
/* Form ứng tuyển: thẻ phẳng, đầu xanh rêu, ô nhập trắng, nút gửi = nút chính cam */
html[data-giao-dien="moi"] .rcx:has(.passes) .ci-card{background:#fff;border:1px solid var(--c-ke);border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(.passes) .ci-head{background:var(--c-xanh)}
html[data-giao-dien="moi"] .rcx:has(.passes) .ci-head .t{font-size:20px;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(.passes) .ci-head .g{font-size:12px}
html[data-giao-dien="moi"] .rcx:has(.passes) .ci-step-h .num{background:var(--c-cam);font-weight:800}
html[data-giao-dien="moi"] .rcx:has(.passes) .ci-step-h .lab{font-size:12px;color:var(--c-xanh)}
html[data-giao-dien="moi"] .rcx:has(.passes) [style*="font-size:11px"],
html[data-giao-dien="moi"] .rcx:has(.passes) [style*="font-size:10px"]{font-size:12px!important}
html[data-giao-dien="moi"] .rcx:has(.passes) .ci-success .code{color:var(--c-xanh);background:var(--c-ngoc-nhat)}
html[data-giao-dien="moi"] .rcx:has(.passes) .success-stamp{transform:none;animation:none;border:2px solid #0a7d4a;border-radius:999px}
html[data-giao-dien="moi"] .rcx:has(.passes) .tl{border-top:1px solid var(--c-ke)}
html[data-giao-dien="moi"] .rcx:has(.passes) .tl-h{font-size:12px;color:var(--c-xanh)}
html[data-giao-dien="moi"] .rcx:has(.passes) .tl-item.done .tl-ico{background:var(--c-xanh)}

/* Ô nhập + nút gửi form (chung Tuyển dụng / Đối tác) */
html[data-giao-dien="moi"] :is(.rcx:has(.passes),.rcx:has(.track-grid)) .lbl2{font-size:13px;font-weight:600;color:var(--c-muc)}
html[data-giao-dien="moi"] :is(.rcx:has(.passes),.rcx:has(.track-grid)) .lbl2 .req{color:var(--c-cam-dam)}
html[data-giao-dien="moi"] :is(.rcx:has(.passes),.rcx:has(.track-grid)) .rinp{background:#fff;border:1px solid var(--c-ke);border-radius:12px;min-height:48px;font-size:15px}
html[data-giao-dien="moi"] :is(.rcx:has(.passes),.rcx:has(.track-grid)) .rinp:focus{border-color:var(--c-ngoc);box-shadow:0 0 0 3px var(--c-ngoc-nhat)}
html[data-giao-dien="moi"] :is(.rcx:has(.passes),.rcx:has(.track-grid)) .ci-submit{background:var(--c-cam);min-height:52px;font-size:15px}
html[data-giao-dien="moi"] :is(.rcx:has(.passes),.rcx:has(.track-grid)) .ci-submit:hover{background:var(--c-cam-dam);transform:none}
html[data-giao-dien="moi"] :is(.rcx:has(.passes),.rcx:has(.track-grid)) .ci-fine{font-size:13px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] :is(.rcx:has(.passes),.rcx:has(.track-grid)) .ci-fine a{color:var(--c-xanh)!important;text-decoration:underline;text-underline-offset:3px}

/* ── 5. Đối tác (/partner) ── */
html[data-giao-dien="moi"] .rcx:has(.track-grid) .hero .kick{font-size:12px;font-weight:700;letter-spacing:.2em;border-width:1px}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .hero .lead{color:rgba(255,255,255,.9)}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .hero .lead :is(em,i){font-style:normal}
/* Vé đối tác lơ lửng → thẻ phẳng, thẳng */
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ppass{background:#fff;border-radius:20px;box-shadow:none;transform:none;animation:none}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ppass-top{flex-wrap:wrap;gap:4px 12px}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ppass-brand{font-weight:800}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ppass-brand b{color:var(--c-cam)}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ppass-tag,
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ppass-route .pt small,
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ppass-grid label{font-size:12px;letter-spacing:.06em;color:var(--c-chu-3)}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ppass-grid div{font-size:13px}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ppass-route .seg{border-top:2px dotted var(--c-ke)}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ppass-route .seg::after{color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ppass-stub{background:var(--c-dem)}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ppass-stub .lbl{font-size:12px;color:rgba(255,255,255,.72)}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ppass-stub .big{font-weight:800}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .scrolldown{font-size:12px;color:rgba(255,255,255,.75);min-height:44px}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .eco{background:var(--c-dem)}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .eco-tile .lab{font-size:13px}
/* 2 hướng hợp tác: thẻ phẳng; A = cam (bán), B = xanh rêu (cung cấp) thay #bf4700 / #0c8a7a ghi thẳng */
html[data-giao-dien="moi"] .rcx:has(.track-grid) .track{background:#fff;border:1px solid var(--c-ke);border-top:1px solid var(--c-ke);border-radius:20px;box-shadow:none;transition:border-color .15s}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .track:nth-child(1){--ac:#d9531b!important}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .track:nth-child(2){--ac:#0e544e!important}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .track:hover{transform:none;box-shadow:none;border-color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .track::after{display:none}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .track-ribbon{top:24px;right:24px;transform:none;padding:4px 12px;border-radius:999px;font-size:12px;letter-spacing:.12em}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .track-medal{background:var(--ac);box-shadow:none;border-radius:50%;width:60px;height:60px}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .track-route{font-size:12px}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .track h3{font-size:26px;line-height:1.15}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .track .sub{font-size:15px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .track-bullets li{font-size:15px;color:var(--c-muc)}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .track-doc{min-height:44px;display:inline-flex;align-items:center}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .rbtn-sm{min-height:44px;padding:0 22px;font-size:14px}
/* Form đối tác */
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ci-card{background:#fff;border:1px solid var(--c-ke);border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ci-head{background:var(--c-xanh)}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ci-head h3{font-weight:800}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ci-head .sub{font-size:14px;color:rgba(255,255,255,.85)}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ci-head .gate{font-size:12px}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .success-stamp{transform:none;animation:none;border:2px solid #0a7d4a;border-radius:999px}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .ci-success .sent-next{background:var(--c-nen);border-color:var(--c-ke);color:var(--c-muc)}
/* Câu chốt cuối trang: nền xanh rêu (tách khỏi chân trang nền đêm), chữ thẳng */
html[data-giao-dien="moi"] .rcx:has(.track-grid) .closing{background:var(--c-xanh)}
html[data-giao-dien="moi"] .rcx:has(.track-grid) .closing .tagline{font-style:normal;font-weight:800;letter-spacing:-.02em}

/* ── 6. Liên hệ (/contact) ── */
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-hero{background:var(--c-xanh)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-hero h1{font-weight:800;letter-spacing:-.02em;line-height:1.1}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-hero h1 .accent{font-style:normal;font-weight:800;color:var(--c-vang)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-hero p{font-size:16px}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-hero .trust span{font-size:12px;border-color:rgba(255,255,255,.3)}
/* 4 kênh liên hệ */
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-ch{background:#fff;border:1px solid var(--c-ke);border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-ch:hover{transform:none;border-color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-ch .ic,
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-ch:nth-child(even) .ic{color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-ch .lb{font-size:12px;color:var(--c-chu-3)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-ch .vl{font-weight:700}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-ch .nums :is(a,span){font-size:14px;font-weight:700}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-ch .nums a:hover{color:var(--c-xanh)}
/* Form */
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-form-card{background:#fff;border:1px solid var(--c-ke);border-radius:20px;box-shadow:none;padding:32px}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-form-card h2{font-size:26px;font-weight:800;letter-spacing:-.02em}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-form-card .lead{font-size:14px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-fld label{font-size:12px;font-weight:700;color:var(--c-xanh)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-fld label .req{color:var(--c-cam-dam)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-fld .inp{border:1px solid var(--c-ke);border-radius:12px;min-height:48px;font-size:15px}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-form-card .btn.p{min-height:48px}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-form-card span[style*="font-size:11px"]{font-size:12px!important;color:var(--c-chu-2)!important}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-form-card span[style*="font-size:11px"] a{color:var(--c-xanh);text-decoration:underline}
/* Khối thông tin: nền đặc xanh rêu */
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-info{background:var(--c-xanh);box-shadow:none;border-radius:20px;padding:28px}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-info h3{font-size:22px;font-weight:800;letter-spacing:-.02em}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-info .row .ic{border-radius:50%;color:var(--c-vang)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-info .row .lb{font-size:12px;color:var(--c-vang)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-info .row .vl span[style*="font-size:11px"]{font-size:12px!important}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-info .social a{width:40px;height:40px;border-radius:50%;font-size:13px}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-hours{background:#fff;border:1px solid var(--c-ke);border-radius:20px}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-hours h4{font-size:12px;font-weight:700;color:var(--c-xanh)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-hours .live{font-size:12px}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-hours .line{font-size:14px;color:var(--c-chu-2);gap:12px}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-hours .line strong{text-align:right}
/* Bản đồ + điểm ghé: nút phụ xanh rêu */
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-map .wrap{border:1px solid var(--c-ke);border-radius:20px}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-map .cap{border-top:1px solid var(--c-ke)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-map .cap .addr{font-size:14px}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) :is(.ct-map,.stops-grid) .btn.p.sm{background:var(--c-xanh);font-size:13px;min-height:40px;padding:0 18px}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) :is(.ct-map,.stops-grid) .btn.p.sm:hover{background:var(--c-xanh-dam)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-stops > h2{font-size:28px;font-weight:800;letter-spacing:-.02em}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-stops > .sub{font-size:14px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .stops-grid .stop{background:#fff;border:1px solid var(--c-ke);border-radius:20px;padding:22px}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .stops-grid .stop .nm{font-size:15px;color:var(--c-xanh)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .stops-grid .stop .nm svg{color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .stops-grid .stop .ad{font-size:14px;color:var(--c-chu-2)}
/* Hỏi đáp cuối trang */
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-faq h2{font-weight:800;letter-spacing:-.02em}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-faq .sub{font-size:14px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-faq details{background:#fff;border:1px solid var(--c-ke);border-radius:16px;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-faq details[open]{border-color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-faq summary{font-size:15px}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-faq summary::after{color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-faq .ans{font-size:15px;line-height:1.7;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-faq .ans a{color:var(--c-xanh);text-decoration:underline}
html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-success{background:var(--c-nen);border:1px solid var(--c-ke);border-radius:20px}

/* ── 7. Hỏi đáp (/cau-hoi-thuong-gap) ── */
html[data-giao-dien="moi"] .rcx:has(.faq-hero) .faq-hero{background:var(--c-xanh);padding:64px 20px 68px}
html[data-giao-dien="moi"] .rcx:has(.faq-hero) .faq-hero .eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--c-vang)}
html[data-giao-dien="moi"] .rcx:has(.faq-hero) .faq-hero h1{font-weight:800;letter-spacing:-.02em;line-height:1.1}
html[data-giao-dien="moi"] .rcx:has(.faq-hero) .faq-hero p{font-size:16px;color:rgba(255,255,255,.9)}
html[data-giao-dien="moi"] .rcx:has(.faq-hero) .faq-cat{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--c-muc);border-bottom:2px solid var(--c-vang)}
html[data-giao-dien="moi"] .rcx:has(.faq-hero) .faq-q{background:#fff;border:1px solid var(--c-ke);border-radius:16px;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(.faq-hero) .faq-q[open]{border-color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.faq-hero) .faq-q summary{font-size:16px;min-height:44px}
html[data-giao-dien="moi"] .rcx:has(.faq-hero) .faq-q .qn{color:var(--c-cam-dam);font-weight:800}
html[data-giao-dien="moi"] .rcx:has(.faq-hero) .faq-q .pl{color:var(--c-ngoc);font-size:22px}
html[data-giao-dien="moi"] .rcx:has(.faq-hero) .faq-q .ans{font-size:15px;line-height:1.7;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.faq-hero) .faq-q .ans a{color:var(--c-xanh);text-decoration:underline}
html[data-giao-dien="moi"] .rcx:has(.faq-hero) .faq-fallback{background:#fff;border:1px solid var(--c-ke);border-radius:20px;color:var(--c-muc)}

/* ── 8. Trang văn bản CMS (/page/*, /chinh-sach-*, /dieu-khoan-su-dung): đầu xanh rêu + cột chữ dễ đọc ── */
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc-hero{background:var(--c-xanh);padding:64px 0 68px}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--c-vang)}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc-hero h1{font-weight:800;letter-spacing:-.02em;line-height:1.1}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc-seal{transform:none;font-size:12px;border-width:1px;border-radius:999px;letter-spacing:.12em}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc{background:#fff;border:1px solid var(--c-ke);border-radius:20px;box-shadow:none;
  max-width:840px;padding:48px;font-size:16px;line-height:1.7;color:var(--c-muc)}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc :is(h1,h2,h3,h4){color:var(--c-muc);letter-spacing:-.02em;line-height:1.25}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc h2{font-size:24px;font-weight:800;margin:36px 0 12px}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc h3{font-size:19px;font-weight:800;margin:28px 0 10px}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc h4{font-size:16px;font-weight:700}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc a{color:var(--c-xanh);font-weight:600;text-decoration:underline;text-underline-offset:3px}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc a:hover{color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc :is(em,i){font-style:normal}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc ul li::before{border:0;background:var(--c-ngoc);width:7px;height:7px;top:11px}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc hr{border-top:1px solid var(--c-ke)}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc blockquote{border-left:3px solid var(--c-ngoc);font-style:normal;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc :is(th,td){border-color:var(--c-ke)}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc th{background:var(--c-nen);font-size:12px;color:var(--c-xanh);font-weight:700}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc code{background:var(--c-nen)}
/* Nội dung CMS có thể ghi thẳng màu nền kem / teal cũ trong style="" (soạn từ admin) */
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc :is([style*="#fff8e5"],[style*="#fbf6ea"],[style*="#f4ead6"],[style*="#fdf0c5"],[style*="#ecdcb5"],[style*="#FFF8E5"],[style*="#FBF6EA"],[style*="#F4EAD6"]){background:var(--c-nen)!important;border-color:var(--c-ke)!important}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc :is([style*="color:#015959"],[style*="color: #015959"]){color:var(--c-xanh)!important}
/* Nội dung CMS (soạn ở admin) còn chữ 11–11,5px, viền 1,5px, nghiêng, màu teal Tailwind / cam chữ ghi thẳng trong style="" */
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc :is([style*="font-size:8"],[style*="font-size:9"],[style*="font-size:10"],[style*="font-size:11"]){font-size:13px!important;line-height:1.55!important}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc [style*="border:1.5px"]{border-width:1px!important;border-color:var(--c-ke)!important;border-radius:16px!important}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc [style*="italic"]{font-style:normal!important}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc a[style*="background:var(--or)"]{border-radius:999px!important;background:var(--c-cam)!important}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc [style*="color:var(--or)"]{color:var(--c-gia)!important}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc [style*="#0d9488"]{color:var(--c-xanh)!important}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc [style*="#f0fdfa"]{background:var(--c-ngoc-nhat)!important;border-color:var(--c-ngoc)!important;border-radius:16px!important}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc [style*="#f95d00"]{border-left-color:var(--c-cam)!important}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc [style*="background:#f3f4f6"]{background:var(--c-nen)!important}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc [style*="#e5e7eb"]{border-color:var(--c-ke)!important}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc code{font-family:'Montserrat',system-ui,sans-serif;font-weight:600;font-size:14px;color:var(--c-xanh);padding:2px 8px;border-radius:999px;overflow-wrap:anywhere}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc-mark .line{border-top:1px solid var(--c-ke)}
html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc-mark .seal-ic{color:var(--c-ngoc);opacity:1}
/* /chinh-sach-hoan-tien: bảng thành thẻ ở điện thoại (CSS sinh trong CmsPage) — ô đầu nền kem → nền xám xanh, nhãn 11px → 12px */
@media (max-width:640px){
  html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc table tr{border:1px solid var(--c-ke);border-radius:16px}
  html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc table td:first-child{background:var(--c-nen)}
  html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc table td:not(:first-child)::before{font-size:12px;color:var(--c-chu-3)}
}

/* ── 9. Blog danh sách (/blog-listing) ── */
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-hero-search{background:var(--c-xanh);border-radius:20px;padding:56px 24px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-hero-search h1{font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.02em}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-hero-search form{background:#fff;box-shadow:none;padding:6px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-hero-search input{font-size:16px;min-height:48px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-hero-search button{background:var(--c-cam);font-size:15px;min-height:48px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-hero-search button:hover{background:var(--c-cam-dam)}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-hero-search .chips{font-size:13px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-hero-search .chips a{font-size:13px;padding:6px 14px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}
/* Thanh lọc điểm đến: viên thuốc viền mảnh, đang chọn = nền xanh rêu */
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-filterbar{background:#fff;border-bottom:1px solid var(--c-ke)}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-filterbar a{border:1px solid var(--c-ke);background:#fff;color:var(--c-chu-2);font-size:14px;min-height:40px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-filterbar a:hover{border-color:var(--c-ngoc);color:var(--c-xanh)}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-filterbar a.active{background:var(--c-xanh);border-color:var(--c-xanh);color:#fff}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-filterbar a .cnt{font-size:12px}
/* Bài nổi bật + thẻ bài: nền trắng, viền mảnh, bo 20, không bóng, rê chuột viền xanh ngọc */
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-featured{background:#fff;border:1px solid var(--c-ke);border-radius:20px;box-shadow:none;transition:border-color .15s}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-featured:hover{border-color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) :is(.bl-featured,.bl-card) .bl-img-wrap{background:var(--c-nen)}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-featured .bl-body{padding:36px 40px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-featured h3{font-size:clamp(24px,2.6vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.15}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-featured p{font-size:15px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bd{font-size:12px!important}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bd[style*="#f95d00"]{background:var(--c-cam)!important}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-card{background:#fff;border:1px solid var(--c-ke);border-radius:20px;box-shadow:none;transition:border-color .15s}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-card:hover{transform:none;box-shadow:none;border-color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-card :is(.bl-img-wrap,img){height:190px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-card .bl-body{padding:18px 20px 20px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-card h4{font-size:17px;font-weight:700;line-height:1.35}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-card h4 a:hover{color:var(--c-xanh)}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-card p{font-size:14px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-card .bl-foot{border-top:1px solid var(--c-ke);padding-top:12px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-card .bl-foot span{color:var(--c-chu-3)!important}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) :is(.bl-cta-book,.bl-cta-read){background:var(--c-cam);display:inline-flex;align-items:center;min-height:36px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-cta-read{min-height:48px;padding:0 24px;font-size:14px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) :is(.bl-cta-book,.bl-cta-read):hover{background:var(--c-cam-dam)}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-cta-book-lg{background:#fff;color:var(--c-xanh);border:1px solid var(--c-xanh);min-height:48px;display:inline-flex;align-items:center;padding:0 22px;font-size:14px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-cta-book-lg:hover{background:var(--c-xanh);color:#fff}
/* Nhóm theo điểm đến: lưới 3 cột cho vừa 3 bài mỗi nhóm (lưới chung 4 cột để trống 1 ô) */
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-group{margin-bottom:48px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-group-head{border-bottom:1px solid var(--c-ke);margin-bottom:20px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-group-head h4{font-size:26px;font-weight:800;letter-spacing:-.02em}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-group-head{gap:12px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-group-head .see-all{font-size:14px;font-weight:700;color:var(--c-xanh);white-space:nowrap;flex:none}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) :is(h3,p)[style*="#0b1e1f"]{color:var(--c-muc)!important}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) a[style*="--or-text"]{color:var(--c-xanh)!important}
/* Phân trang */
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-pager :is(a,span){border-radius:999px!important;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-color:var(--c-ke)!important}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-pager a:hover{border-color:var(--c-ngoc)!important}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-pager [aria-current="page"]{background:var(--c-xanh)!important}
html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-pager{margin:40px 0 32px!important}

/* ── 10. Blog bài viết (/blog/{slug}): cột chữ 16px, dòng 1.7, link xanh rêu gạch chân ── */
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) .section{background:#fff}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) h1{font-size:clamp(28px,3.6vw,40px)!important;font-weight:800!important;letter-spacing:-.02em;line-height:1.2!important;color:var(--c-muc)!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) .bd{font-size:12px}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) nav[aria-label="Breadcrumb"]{font-size:13px!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) figure{border-radius:20px!important;box-shadow:none!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) article.card{background:#fff!important;border:1px solid var(--c-ke)!important;border-radius:20px!important;box-shadow:none!important;padding:40px 48px!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"]{font-size:16px;line-height:1.7;color:var(--c-muc)}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"] :is(h2,h3,h4){color:var(--c-muc);letter-spacing:-.02em;line-height:1.25}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"] h2{font-size:24px;font-weight:800;margin:36px 0 12px}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"] h3{font-size:19px;font-weight:800;margin:28px 0 10px}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"] a{color:var(--c-xanh);text-underline-offset:3px}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"] a:hover{color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"] img{border-radius:16px}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"] blockquote{border-left:3px solid var(--c-ngoc);font-style:normal;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"] :is(em,i){font-style:normal}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"] table{font-size:14px}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"] :is(th,td){font-size:14px!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"] [style*="font-size:1"]:is([style*="font-size:11"],[style*="font-size:10"]){font-size:13px!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"] :is(td,th){border-color:var(--c-ke)}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"] th{background:var(--c-nen)}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [itemprop="articleBody"] :is([style*="#fff8e5"],[style*="#fbf6ea"],[style*="#f4ead6"],[style*="#fdf0c5"],[style*="#ecdcb5"],[style*="#FFF8E5"],[style*="#FBF6EA"]){background:var(--c-nen)!important;border-color:var(--c-ke)!important}
/* Khối tác giả: nền kem + gradient teal ghi thẳng trong style="" */
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) aside[style*="#fff8e5"]{background:var(--c-nen)!important;border-radius:20px!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) aside [style*="linear-gradient"]{background:var(--c-xanh)!important;color:var(--c-vang)!important;font-weight:800!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) aside a{color:var(--c-xanh)!important}
/* Hỏi đáp + sản phẩm liên quan + tour cùng điểm đến + lối ra: tiêu đề đậm, thẻ phẳng */
/* Trang tự ép Fraunces bằng !important cho h1 và tiêu đề hỏi–đáp → ép lại Montserrat */
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) :is(h1,h2,h3,.stl){font-family:'Montserrat',system-ui,sans-serif!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) section[aria-label] > h2{font-size:24px!important;font-weight:800!important;letter-spacing:-.02em;color:var(--c-muc)!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [aria-label="FAQ"] details{background:#fff!important;border:1px solid var(--c-ke)!important;border-radius:16px!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [aria-label="FAQ"] details[open]{border-color:var(--c-ngoc)!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [aria-label="FAQ"] summary{font-size:15px!important;color:var(--c-muc)!important;min-height:24px}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) [aria-label="FAQ"] details > div{font-size:15px!important;color:var(--c-chu-2)!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) section[aria-label] a[style*="box-shadow"]{box-shadow:none!important;border:1px solid var(--c-ke)!important;border-radius:20px!important;transition:border-color .15s}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) section[aria-label] a[style*="box-shadow"]:hover{border-color:var(--c-ngoc)!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) section[aria-label] a > span[style*="var(--or2)"]{background:var(--c-cam)!important;border-radius:999px!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) section[aria-label] img[style]{border-radius:14px!important}
html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) section[aria-label] [style*="grid"] > a img{border-radius:0!important}

/* ── 11. Tra cứu đơn (/tra-cuu-don): nền xám xanh, thẻ form trắng ── */
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap){background:var(--c-nen);padding:56px 18px 64px}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-head h1{font-weight:800;letter-spacing:-.02em}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-head h1 svg{color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-head p{font-size:15px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-card{background:#fff;border:1px solid var(--c-ke);border-radius:20px;box-shadow:none}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-form{padding:28px}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-lbl{font-size:12px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-lbl svg{color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-inp{border:1px solid var(--c-ke);border-radius:12px;min-height:48px;font-size:16px}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-btn{background:var(--c-cam);box-shadow:none;min-height:52px;font-size:15px}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-btn:hover{background:var(--c-cam-dam)}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-rh{font-size:18px;font-weight:800}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-row{border:1px solid var(--c-ke);border-radius:16px}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-row .date svg{color:var(--c-ngoc)}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-row .lnk{font-size:13px;color:var(--c-xanh);min-height:32px;display:inline-flex;align-items:center}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-empty{border:1px dashed var(--c-ke);border-radius:16px}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-help{background:var(--c-vang-nhat);border:1px solid #f3dc8f;border-radius:16px;font-size:14px;color:var(--c-muc)}
html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-help svg{color:var(--c-cam-dam)}

/* ── 12. Đánh giá sản phẩm (/review/{id}) ── */
html[data-giao-dien="moi"] .rv-wrap :is(.rv-hero,.rv-summary,.review-card){border:1px solid var(--c-ke)!important;border-radius:20px!important;box-shadow:none}
html[data-giao-dien="moi"] .rv-wrap .rv-hero img{border-radius:16px}
html[data-giao-dien="moi"] .rv-wrap .rv-hero h1{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
html[data-giao-dien="moi"] .rv-wrap .rv-hero div[style*="font-size:11px"]{font-size:12px!important;letter-spacing:.12em!important;color:var(--c-cam-dam)!important;font-weight:700}
html[data-giao-dien="moi"] .rv-wrap .stars{color:var(--c-vang)}
html[data-giao-dien="moi"] .rv-wrap .rv-avg .num{font-weight:800;color:var(--c-xanh)}
html[data-giao-dien="moi"] .rv-wrap .rv-avg div[style*="font-size:11px"],
html[data-giao-dien="moi"] .rv-wrap .review-card div[style*="font-size:11px"]{font-size:12px!important;color:var(--c-chu-3)!important}
html[data-giao-dien="moi"] .rv-wrap .bar-row{font-size:13px}
html[data-giao-dien="moi"] .rv-wrap .bar-row small{font-size:13px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .rv-wrap .bar{background:var(--c-nen)}
html[data-giao-dien="moi"] .rv-wrap .bar > div{background:var(--c-vang)}
html[data-giao-dien="moi"] .rv-wrap > div > h3,html[data-giao-dien="moi"] .rv-wrap h3{font-weight:800;letter-spacing:-.02em}
html[data-giao-dien="moi"] .rv-wrap select.inp{border:1px solid var(--c-ke);border-radius:999px;min-height:44px;padding:0 16px}
html[data-giao-dien="moi"] .rv-wrap .review-card{padding:20px}
html[data-giao-dien="moi"] .rv-wrap .review-card div[style*="var(--gt)"]{color:var(--c-chu-2)!important}
html[data-giao-dien="moi"] .rv-wrap div[style*="border:1px solid var(--bd)"]{border-color:var(--c-ke)!important;border-radius:20px!important}
html[data-giao-dien="moi"] .rv-wrap div[style*="#fef3c7"]{background:var(--c-nen)!important;border:1px solid var(--c-ke);border-radius:20px!important;padding:24px!important;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
html[data-giao-dien="moi"] .rv-wrap .btn.p{min-height:44px;padding:0 22px}
html[data-giao-dien="moi"] .rv-wrap .btn.p.sm{font-size:13px;min-height:40px}

/* ── 13. Viết đánh giá (/write-review/{id}) ── */
html[data-giao-dien="moi"] .wr-sec .stl{font-size:clamp(28px,3.6vw,40px);font-weight:800;letter-spacing:-.02em}
html[data-giao-dien="moi"] .wr-sec .sub{font-size:15px;color:var(--c-chu-2)}
html[data-giao-dien="moi"] .wr-sec div[style*="#fffbe5"]{background:var(--c-vang-nhat)!important;border-left-color:var(--c-vang)!important;border-radius:12px!important;font-size:14px!important}
html[data-giao-dien="moi"] .wr-sec .card{padding:28px!important}
html[data-giao-dien="moi"] .wr-sec .lbl{font-size:12px;font-weight:700;color:var(--c-xanh);letter-spacing:.06em}
html[data-giao-dien="moi"] .wr-sec .inp{border:1px solid var(--c-ke);border-radius:12px;min-height:48px;font-size:15px}
html[data-giao-dien="moi"] .wr-sec textarea.inp{min-height:120px}
/* Sao chấm điểm: sao đã chọn màu vàng logo (style="" đang ghi var(--or) = cam), ô bấm ≥ 44px */
html[data-giao-dien="moi"] .wr-sec button[style*="font-size:32px"]{min-width:44px;min-height:44px;padding:0!important;line-height:1}
html[data-giao-dien="moi"] .wr-sec button[style*="var(--or)"]{color:var(--c-vang)!important}
html[data-giao-dien="moi"] .wr-sec button[style*="#ddd"]{color:var(--c-ke)!important}
html[data-giao-dien="moi"] .wr-sec div[style*="color:#888"]{color:var(--c-chu-3)!important}
html[data-giao-dien="moi"] .wr-sec .btn.wr-up{background:#fff;border:1px solid var(--c-xanh);color:var(--c-xanh);min-height:44px;font-size:14px}
html[data-giao-dien="moi"] .wr-sec .btn.wr-up:hover{background:var(--c-nen)}
html[data-giao-dien="moi"] .wr-sec .wr-up svg{color:var(--c-ngoc)}
html[data-giao-dien="moi"] .wr-sec button.btn.p[type="submit"]{min-height:52px;font-size:15px}

/* ── 14. Không tìm thấy trang (/not-found): số 404 to, xanh ngọc ── */
html[data-giao-dien="moi"] .section:has(> .section-inner > div[style*="font-size:96px"]) .section-inner > div[style*="font-size:96px"]{font-size:120px!important;font-weight:800!important;color:var(--c-ngoc)!important;letter-spacing:-.04em}
html[data-giao-dien="moi"] .section:has(> .section-inner > div[style*="font-size:96px"]) h2{font-size:32px!important;font-weight:800!important;letter-spacing:-.02em;color:var(--c-muc)!important;line-height:1.2}
html[data-giao-dien="moi"] .section:has(> .section-inner > div[style*="font-size:96px"]) p{font-size:16px!important;color:var(--c-chu-2)!important;line-height:1.6}
html[data-giao-dien="moi"] .section:has(> .section-inner > div[style*="font-size:96px"]) .btn.p{min-height:48px;padding:0 28px;font-size:15px}

/* ── 15. Khối hỏi–đáp dùng chung ListingFaqSection (.lfq) — trang chủ C (.hc-faq), danh sách tour/xe/eSIM ──
   Nền --cream không còn khai ở giao diện C → rơi về #fffaf2 (kem). Đổi sang thẻ trắng viền mảnh như mọi hỏi–đáp. */
html[data-giao-dien="moi"] .lfq-h{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--c-muc);line-height:1.2;margin-bottom:16px}
html[data-giao-dien="moi"] .lfq-i{background:#fff;border:1px solid var(--c-ke);border-radius:16px;padding:2px 20px;transition:border-color .15s}
html[data-giao-dien="moi"] .lfq-i[open]{border-color:var(--c-ngoc)}
html[data-giao-dien="moi"] .lfq-i summary{color:var(--c-muc);min-height:44px}
html[data-giao-dien="moi"] .lfq-i summary::after{color:var(--c-ngoc);font-size:22px}
html[data-giao-dien="moi"] .lfq-a{color:var(--c-chu-2);line-height:1.7}

/* ── 16. Màn vừa / điện thoại ── */
@media (max-width:1024px){
  html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
/* Giá trị / văn hoá ở màn hẹp: trang cũ cho con dấu + tiêu đề + mô tả nằm 3 cột ngang nên tiêu đề bị bóp còn 1 chữ/dòng
   → con dấu bên trái, tiêu đề và mô tả xếp dọc bên phải */
@media (max-width:920px){
  html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .stamps .pstamp{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:18px;align-items:center;text-align:left}
  html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .stamps .pstamp-circle{grid-row:1 / span 2;width:88px;height:88px;margin:0}
  html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .stamps .pstamp-circle .ic{width:28px;height:28px}
  html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .stamps .pstamp h3{align-self:end;margin:0 0 4px}
  html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes)) .stamps .pstamp p{align-self:start;max-width:none;margin:0}
}
@media (max-width:640px){
  /* Khối đầu trang + tiêu đề */
  html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .rhead h2{font-size:30px}
  html[data-giao-dien="moi"] :is(.rcx:has(.logbook),.rcx:has(.passes),.rcx:has(.track-grid)) .rhead{margin-bottom:32px}
  html[data-giao-dien="moi"] .rcx:has(.logbook) .logbook{padding:24px 20px;font-size:15px}
  html[data-giao-dien="moi"] .rcx:has(.logbook) .team-split h2[style]{font-size:30px!important}
  html[data-giao-dien="moi"] .rcx:has(.logbook) .postcard .quote{font-size:22px}
  html[data-giao-dien="moi"] .rcx:has(.logbook) .cta{padding:56px 18px}
  html[data-giao-dien="moi"] .rcx:has(.logbook) .stop-map{min-height:44px}
  html[data-giao-dien="moi"] .rcx:has(.passes) .pass-main{border-top:0;padding:22px 20px}
  html[data-giao-dien="moi"] .rcx:has(.passes) .pass-role{font-size:22px}
  html[data-giao-dien="moi"] .rcx:has(.track-grid) .track{padding:28px 22px}
  html[data-giao-dien="moi"] .rcx:has(.track-grid) .track h3{font-size:22px}
  html[data-giao-dien="moi"] .rcx:has(.track-grid) .track-ribbon{top:20px;right:20px}
  html[data-giao-dien="moi"] .rcx:has(.track-grid) .ci-head{padding:22px 20px}
  html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-form-card{padding:22px 18px}
  html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-info{padding:22px 18px}
  html[data-giao-dien="moi"] .rcx:has(.ct-hero) .ct-info .social a{width:44px;height:44px}
  html[data-giao-dien="moi"] .rcx:has(.ct-hero) :is(.ct-map,.stops-grid) .btn.p.sm{min-height:44px}
  html[data-giao-dien="moi"] .rcx:has(.faq-hero) .faq-hero{padding:48px 18px 52px}
  html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc-hero{padding:48px 0 52px}
  html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc{padding:28px 20px}
  html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc h2{font-size:22px;margin-top:28px}
  /* Lưới thẻ bước trong nội dung CMS (minmax 135px) ra 2 cột ~140px ở điện thoại → 1 cột cho dễ đọc */
  html[data-giao-dien="moi"] .rcx:has(> .doc-hero) .doc [style*="grid-template-columns:repeat(auto-fit"]{grid-template-columns:minmax(0,1fr)!important}
  /* Blog */
  html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-hero-search{padding:36px 16px}
  html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-hero-search .chips a{min-height:44px;padding:0 14px}
  html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-filterbar a{min-height:44px}
  html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-featured .bl-body{padding:22px 20px}
  html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-group-head h4{font-size:22px}
  /* Thẻ bài 2 cột ở 390px chỉ rộng ~170px: tiêu đề 6–7 dòng, ngày bị gãy → 1 cột */
  html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .featured-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) .bl-card :is(.bl-img-wrap,img){height:200px}
  html[data-giao-dien="moi"] .rcx:has(.bl-hero-search) :is(.bl-cta-book,.bl-cta-book-lg,.bl-cta-read){min-height:44px}
  html[data-giao-dien="moi"] .rcx:has(> .section > .section-inner[style*="820px"]) article.card{padding:22px 18px!important}
  html[data-giao-dien="moi"] .rcx:has(.tcd-wrap){padding:36px 16px 48px}
  html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-form{padding:20px}
  html[data-giao-dien="moi"] .rcx:has(.tcd-wrap) .tcd-row .lnk{min-height:44px}
  html[data-giao-dien="moi"] .rv-wrap .rv-hero{flex-direction:column;align-items:flex-start;gap:14px}
  html[data-giao-dien="moi"] .rv-wrap .rv-hero h1{font-size:22px}
  html[data-giao-dien="moi"] .rv-wrap .rv-summary{gap:18px;padding:20px}
  html[data-giao-dien="moi"] .rv-wrap .btn.p.sm{min-height:44px}
  html[data-giao-dien="moi"] .wr-sec .card{padding:20px!important}
  html[data-giao-dien="moi"] .section:has(> .section-inner > div[style*="font-size:96px"]) .section-inner > div[style*="font-size:96px"]{font-size:88px!important}
  html[data-giao-dien="moi"] .section:has(> .section-inner > div[style*="font-size:96px"]) h2{font-size:26px!important}
  html[data-giao-dien="moi"] .lfq-h{font-size:22px}
  html[data-giao-dien="moi"] .lfq-i{padding:2px 16px}
}