/* =====================================================================
   B07 — Mục công nghệ: sửa lỗi
   =====================================================================
   Nạp sau b07.css và layout.css.

   BỐ CỤC B07 KHÔNG CÓ LỖI — hiếm trong bộ này. Đã đo ba khổ:
     1440px  lưới 3 cột, thẻ 395x166, hình hệ sinh thái 418px ở giữa
      900px  3 hàng, thẻ 401x144
      375px  6 hàng một cột, thẻ 339x148, lề 18px khớp các khối khác
   Không khối nào cuộn ngang, không phần tử nào tràn khỏi thẻ, mọi ảnh
   đều có chữ thay thế đúng nghĩa. Không đụng vào bố cục.

   VẤN ĐỀ DUY NHẤT: CHỮ QUÁ NHỎ
   Các thẻ công nghệ (HTML5, CSS3, JavaScript, React, Next.js, …) đặt
   clamp(10px, .78vw, 12px). Vì .78vw rất nhỏ nên hầu hết màn hình rơi
   xuống mức sàn 10px:
     1440px  11,2px
      900px  10px
      375px  10px

   Đây lại chính là phần có sức nặng nhất của mục này — khách kỹ tính đọc
   danh sách công nghệ để đánh giá năng lực. Để 10px là tự làm khó mình.

   Mô tả trong thẻ cũng vậy: clamp(11px, .9vw, 13px) nên đa số màn chỉ
   được 11px.

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

.b07 .tags span {
  font-size: clamp(11.5px, 0.78vw, 12.5px);
}

.b07 .tech-card p {
  font-size: clamp(12.5px, 0.9vw, 13.5px);
  line-height: 1.65;
}

/* Thẻ công nghệ dày hơn một chút cho cân với cỡ chữ mới */
.b07 .tags span {
  padding: 5px 10px;
}

@media (max-width: 650px) {
  .b07 .tags {
    gap: 5px;
  }

  .b07 .tags span {
    padding: 5px 9px;
  }
}