/* =====================================================================
   B10 — Chân trang: sửa lỗi
   =====================================================================
   Nạp sau b10.css và layout.css.

   ĐÂY LÀ BLOCK CHẮC TAY NHẤT CỦA BỘ. Đã đo và thử:
     1440px  bốn cột 337/331/234/337, không tràn ngang
      375px  bốn hàng một cột, lề 18px khớp các khối khác
     17 liên kết, KHÔNG có liên kết neo nào gãy
     mọi liên kết cao từ 40px trở lên, kể cả trên điện thoại
     logo có ảnh dự phòng, ẩn đúng khi ảnh chính tải được
     năm icon mạng xã hội để là <span> chứ không phải <a>, con trỏ chuột
       giữ nguyên mũi tên, title và aria-label đều ghi rõ "chưa cấu hình
       liên kết" — người dựng đã cố ý không giả vờ là đã có trang
   Không đụng vào bố cục.

   VẤN ĐỀ DUY NHẤT: LOGO QUÁ TO TRÊN ĐIỆN THOẠI
   Logo chân trang rộng 270px trên màn 375px — chiếm 72% bề ngang màn
   hình, gần kín cả cột. Logo header đã thu còn 176px ở cùng khổ màn, nên
   hai cái lệch hẳn nhau.
   ===================================================================== */

/* height:auto là phần quan trọng. b10.css đặt chiều cao cố định 105px,
   ảnh logo tỉ lệ 3:1 nên với object-fit:contain nó nằm lọt thỏm giữa
   khung, chừa khoảng trống trên dưới mỗi bên hơn 20px. Ảnh không méo
   nhưng logo trông nhỏ và lạc giữa một ô rỗng. */
@media (max-width: 700px) {
  .footer-b10 .logo-real {
    max-width: 200px;
    height: auto;
  }
}

@media (max-width: 420px) {
  .footer-b10 .logo-real {
    max-width: 176px;
  }
}