/* =====================================================================
   B08 — Mục câu hỏi thường gặp: sửa lỗi
   =====================================================================
   Nạp sau b08.css và layout.css.

   PHẦN TƯƠNG TÁC CHẠY ĐÚNG — đã thử:
     mở câu 4 thì câu 1 tự đóng, chỉ một câu mở tại một thời điểm
     bấm lại câu đang mở thì đóng được
     mũi tên 18x18 xoay 90 độ giữa trạng thái đóng và mở
     vùng chạm của mỗi câu cao 62–64px, thừa mức tối thiểu
     sáu icon đều để alt rỗng — đúng, vì chữ câu hỏi đã mang nghĩa
   Không đụng vào bố cục hay JS.

   VẤN ĐỀ: CHỮ TỤT XUỐNG MỨC SÀN QUÁ THẤP
   Cả ba chỗ đều dùng công thức co giãn với mức sàn thấp, mà hệ số vw nhỏ
   nên phần lớn màn hình rơi đúng xuống mức sàn:

     Chỗ              Công thức                   1440px   900px   375px
     câu hỏi          clamp(12px, 1.1vw, 15px)     15px     12px    13px
     câu trả lời      clamp(12px, 1vw, 14px)       14px     12px    12px
     mô tả hộp CTA    clamp(10px, .9vw, 12px)      12px     10px    10px

   Nặng nhất là mô tả trong hộp "Vẫn còn thắc mắc?" — 10px, lại là chữ
   xanh nhạt trên nền xanh đậm nên càng khó đọc. Hộp này nằm ngay trước
   mục liên hệ, là một bước đẩy khách sang form; để 10px là phí.

   Câu hỏi 12px ở khổ 900px cũng thấp: đây là phần khách lướt mắt để tìm
   câu của mình, không phải chữ phụ.

   CÁCH SỬA: nâng mức sàn, giữ nguyên mức trần để màn lớn không đổi.
   ===================================================================== */

.b08 .b08-faq summary {
  font-size: clamp(13.5px, 1.1vw, 15px);
}

.b08 .b08-answer {
  font-size: clamp(12.5px, 1vw, 14px);
}

.b08 .b08-cta-copy p {
  font-size: clamp(12.5px, 0.9vw, 13.5px);
  line-height: 1.65;
}

/* b08.css đặt lại cỡ chữ ở khổ nhỏ bằng selector một cấp; viết hai cấp để
   mức sàn mới không bị đè. */
@media (max-width: 760px) {
  .b08 .b08-faq summary {
    font-size: 13.5px;
  }

  .b08 .b08-answer {
    font-size: 12.5px;
  }
}