/* Bổ sung riêng cho Hóa 10 - Chương 1 (không sửa tool-common.css dùng chung) */

/* Sub-tab chọn đồ thị N-Z / A-Z / 2Z-N, tái dùng style .quiz-subtab-btn có sẵn.
   QUAN TRỌNG: style.css (dùng chung toàn site) có rule "button { background:
   #2563eb; color:#fff; width:100% }" áp cho MỌI thẻ <button>. Trên một số
   trình duyệt mobile, nút chưa tắt "appearance" mặc định vẫn giữ nền hệ
   thống đè lên CSS tuỳ biến, khiến nút sub-tab lúc active bị nền xanh + chữ
   cũng xanh (var(--blue)) => chữ biến mất, nút to hết chiều ngang. Reset rõ
   ràng lại toàn bộ ở đây để không phụ thuộc animation/appearance mặc định. */
.nz-subtab-btn {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  width: auto;
  background: transparent !important;
}
.nz-subtab-btn.active {
  background: transparent !important;
  color: var(--blue);
}

.nz-chart-tabs { flex-wrap: wrap; row-gap: 6px; }

.nz-chart-subpanel.hidden { display: none; }

/* Các svg đồ thị (N-Z, A-Z, 2Z-N) đều co giãn theo chiều rộng khung chứa */
.chart-svg { width: 100%; height: auto; }