/* ══════════════════════════════════════════════════════════════════════════════════════════
   GIAO DIỆN "VIỆN NGHIÊN CỨU" — dùng chung cho toàn bộ website công khai (06/10/2026).
   Nạp SAU sonchu.css + fb.css ở cả hai layout, nên đè được kiểu cũ mà không phải sửa từng trang.

   Luật của chủ dự án (memory cam-mau-den-va-anh-ai):
     • KHÔNG tông đen — không mảng nền tối, không kẻ/viền/nút đen. Nhấn bằng đỏ thương hiệu.
     • KHÔNG ảnh AI vẽ — chỉ ảnh thật; thiếu ảnh thì để chữ.
   Một font cho cả trang: Be Vietnam Pro (layout đã nạp). Phong cách: Swiss/biên tập — lưới rõ,
   chữ làm chủ, kẻ mảnh, ít bóng, mặt nền xen kẽ trắng · xám nhạt · đỏ rất nhạt.
   ⚠️ Đổi tệp này PHẢI bump ?v= ở layout.blade.php và layout-fb.blade.php (Cloudflare cache).
   ══════════════════════════════════════════════════════════════════════════════════════════ */
:root{
  --v-do:#b3261d; --v-do-dam:#8e1d16; --v-do-nhat:#fbf1ef; --v-do-ke:#f0dcd8;
  --v-chu:#222; --v-mo:#5f5f5f; --v-ke:#e8e8e8; --v-xam:#f4f4f5; --v-xam2:#f7f7f7;
  --v-font:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* Tiêu đề khối kiểu biên tập: chữ in hoa nhỏ, kẻ đỏ phía trên, link "Xem tất cả" bên phải. */
.v-sh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  border-top:2px solid var(--v-do);padding-top:10px;margin-bottom:20px}
.v-sh h2{margin:0;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--v-chu)}
.v-sh a{font-size:13.5px;font-weight:600;color:var(--v-do);text-decoration:none;white-space:nowrap}
.v-kicker{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--v-do)}
.v-meta{font-size:12.5px;color:var(--v-mo)}
.v-btn{display:inline-block;padding:9px 16px;border:1px solid var(--v-do);color:var(--v-do);background:#fff;
  font-weight:600;font-size:13px;border-radius:2px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;
  transition:background .15s,color .15s}
.v-btn:hover{background:var(--v-do);color:#fff}
.v-btn.dac{background:var(--v-do);color:#fff}
.v-btn.dac:hover{background:var(--v-do-dam)}

/* ══════════════════════════ ĐỒNG BỘ TOÀN SITE — đè kiểu cũ của sonchu.css / fb.css ══════════════════════════
   Đè ở mức BIẾN trước (mọi trang tự theo), rồi mới tới vài thành phần dùng nhiều. Màu nhấn (--jade, --fb-blue)
   KHÔNG đè ở đây — partial mau-nhan đọc "Màu nhấn" trong Cấu hình site, vẫn là đỏ #b3261d. */
:root{
  --ivory:#f4f4f5; --ivory-2:#f7f7f7; --paper:#fff;
  --brown:#222; --brown-2:#5f5f5f; --line:#e8e8e8;
  --bronze:var(--v-do); --bronze-d:var(--v-do-dam);   /* nhấn phụ cam/đồng cũ → đỏ thương hiệu (bỏ ánh vàng-cam) */
  --shadow:0 1px 2px rgba(0,0,0,.04);
}
.fb-shell{
  --fb-bg:#f4f4f5; --fb-text:#222; --fb-text-2:#5f5f5f; --fb-line:#e8e8e8;
  --fb-hover:#f1f1f2; --fb-hover-2:#f4f4f5; --fb-gold:var(--v-do);
  --fb-shadow:0 1px 2px rgba(0,0,0,.04); --fb-shadow-pop:0 8px 24px rgba(60,20,15,.12);
}

/* Thẻ: phẳng, góc nhỏ, viền mảnh — bỏ bóng đổ và nhấc thẻ khi rê chuột. */
.card{border-radius:6px;box-shadow:none}
.card:hover{transform:none;box-shadow:none;border-color:var(--v-do-ke)}
.card .tag{border-radius:2px;letter-spacing:.02em}
.btn{border-radius:3px}
.chip{border-radius:999px}

/* Đầu trang con: như đầu trang chủ — trắng chuyển đỏ rất nhạt, kẻ dưới đỏ nhạt, nhãn đỏ. */
.page-hero{background:linear-gradient(180deg,#fff 0%,#fff 50%,var(--v-do-nhat) 100%);border-bottom:1px solid var(--v-do-ke)}
.page-hero .eyebrow,.sec-head .kicker,.feature-text .kicker{color:var(--v-do);letter-spacing:.06em;font-size:11.5px}
.page-hero h1{font-weight:700;letter-spacing:-.015em}

/* Tiêu đề khối: kiểu biên tập (nhãn nhỏ, chữ đậm), bỏ nét cọ trang trí; bỏ mây/rồng trang trí. */
.sec-head h2{font-weight:700;letter-spacing:-.015em}
.brush-divider,.sec-deco,.hero-cloud,.hero-dragon,.cb-deco{display:none!important}

/* Khối mã trong bài: nền sáng (không mảng đen). */
.prose pre{background:var(--v-xam2);color:var(--v-chu);border:1px solid var(--v-ke)}

/* Bìa khoá học: gradient xanh lục/xanh lam cũ → đỏ rất nhạt, biểu tượng đỏ. */
.course-cover{background:var(--v-do-nhat)!important}
.course-cover .cover-ic,.course-cover .cover-seal-ic{color:var(--v-do)!important}
.course-cover .cover-seal{background:#fff;border-color:var(--v-do-ke);box-shadow:none}
.course-cover .cover-deco{color:var(--v-do);opacity:.08}

/* Banner lời ngỏ (Giới thiệu): nền đỏ đậm pha đen → đỏ rất nhạt, chữ tối. */
.chairman-banner{background:var(--v-do-nhat)!important;border:1px solid var(--v-do-ke);box-shadow:none;border-radius:6px}
.cb-body .kicker{color:var(--v-do)}
.cb-head{color:var(--v-chu)}
.cb-quote{border-left-color:var(--v-do)}
.cb-quote p{color:#3f3f3f}
.cb-sign b{color:var(--v-chu)} .cb-sign span{color:var(--v-mo)}
.cb-portrait img{border-color:#fff;box-shadow:0 8px 24px rgba(60,20,15,.14)}

/* Thanh trên: nút "Công cụ" vàng-cam → viền đỏ; "Đăng nhập" bớt nặng. (Kiểu gốc nằm trong <style> của
   fb-topbar, đứng SAU tệp này — phải tăng độ ưu tiên bằng .fb-shell.) */
.fb-shell .fb-tools-cta{background:#fff!important;color:var(--v-do)!important;border:1px solid var(--v-do);box-shadow:none!important}
.fb-shell .fb-tools-cta:hover{background:var(--v-do-nhat)!important;filter:none}
.fb-shell .fb-login{border-radius:3px}
.fb-top{box-shadow:none;border-bottom:1px solid var(--v-ke)}

/* Chân trang: nền tối → SÁNG (luật không tông đen), kẻ đỏ phía trên. */
.site-foot{background:var(--v-xam);color:var(--v-mo);border-top:3px solid var(--v-do)}
.site-foot h4,.site-foot .brand b{color:var(--v-chu)}
.site-foot a{color:#3f3f3f}
.site-foot a:hover{color:var(--v-do)}
.site-foot .brand small{color:var(--v-do)}
.site-foot .brand .mark{filter:none}
.foot-bottom{border-top-color:var(--v-ke)}
.foot-bottom .wrap{color:var(--v-mo)}
.foot-bottom a{color:var(--v-do)}

/* Nhãn "Đã kết thúc" trên thẻ khoá học: nền đen mờ → trắng chữ xám (luật không tông đen). */
.status-badge.sb-done{background:rgba(255,255,255,.92);color:var(--v-mo);border:1px solid var(--v-ke)}