/* faq.css — Trang "Câu hỏi thường gặp" (template page-templates/faq.php).
   Dùng lại đúng kiểu khối hỏi–đáp của trang khóa học để đồng bộ giao diện. */

.faq-head{max-width:720px;margin:0 auto 14px}
.faq-head h1{font-family:var(--font-bia);font-size:clamp(25px,3.8vw,38px);line-height:1.18;letter-spacing:.01em;margin:0 0 12px}
.faq-head .dan{color:var(--chu-phu);font-size:15px;line-height:1.68;margin:0}
.faq-head .dan a{color:var(--cam-tram);font-weight:600}

/* khối hỏi–đáp — mí chỉ vàng trên/dưới như trang khóa học, cỡ chữ nhỉnh hơn cho dễ đọc */
.faq{max-width:720px;margin:0 auto;background:var(--chi-vang) no-repeat left top;background-size:100% 1.5px;padding-top:2px}
.faq details{background:var(--chi-vang) no-repeat left bottom;background-size:100% 1.5px}
.faq summary{padding:14px 0;cursor:pointer;list-style:none;font-weight:600;font-size:15px;display:flex;gap:10px;align-items:center;line-height:1.4;transition:color .15s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--cam-tram)}
.faq .mui{width:15px;height:15px;margin-left:auto;flex:none;transition:transform .22s;color:var(--cam-tram)}
.faq details[open] .mui{transform:rotate(45deg)}
.faq .tl{padding:0 0 15px;color:var(--chu-phu);font-size:14.5px;line-height:1.72}

.faq-cta{max-width:720px;margin:26px auto 0;text-align:center;color:var(--chu-phu);font-size:14.5px}
.faq-cta a{color:var(--cam-tram);font-weight:600}

/* ══ DÒNG MỜI GỌI CUỐI MỤC HỎI ĐÁP — CHỐNG BỊ KÉO GIÃN (sửa 21/08/2026) ═════
   Anh Hưng: dòng "Chưa thấy câu trả lời bạn cần?..." chữ giãn xa nhau, xấu.

   Nguyên nhân: luật căn đều hai bên dùng chung cho cả web có chọn
   `.khung.hep > p` — mà dòng này đúng là một thẻ p nằm ngay trong .khung.hep.
   Luật đó ưu tiên (0,2,1), còn `.faq-cta{text-align:center}` chỉ (0,1,0),
   nên căn giữa THUA và chữ bị kéo giãn cho đầy dòng.

   Chữa bằng cách nâng ưu tiên lên (0,3,1) để căn giữa thắng lại. Phải khai
   cả text-align-last, vì luật gốc đặt text-align-last:left — thiếu nó thì
   dòng cuối vẫn bị đẩy về mép trái, lệch với các dòng trên.

   Đây là loại lỗi đã gặp vài lần: mọi khối chữ CĂN GIỮA nằm lọt vào vùng
   luật căn đều đều dính. Gặp lần sau thì tìm ngay theo hướng này. */
.khung.hep > p.faq-cta,
.hep > p.faq-cta,
p.faq-cta{text-align:center;text-align-last:center;text-justify:auto}