/* Riêng cho điện thoại — không sửa style.css, không đụng khung "Men's Rankings" /
   trang tiểu sử cơ thủ (đã có mobile riêng, đã chốt, xem style.css + CLAUDE.md).
   Giao diện giữ ~90% giống bản máy tính, chỉ thu nhỏ khoảng cách/cỡ chữ cho vừa
   màn hình các phần còn lại (masthead, feed, tile, sidebar, footer, bảng). */
@media (max-width:759px){

  .wrap{padding:0 16px}
  .masthead{padding:16px 0}
  .layout{margin-top:22px}

  /* hàng menu bị ép về 0 chiều rộng trên đt (brand + tools chiếm hết chỗ) —
     xuống dòng thành 3 hàng riêng: brand / công cụ / menu cuộn ngang */
  .masthead-row{flex-wrap:wrap;row-gap:12px}
  .brand{flex:1 1 100%;font-size:1.6rem}
  .masthead-tools{flex:1 1 100%;order:2;gap:12px}
  .nav{flex:1 1 100%;order:3;gap:16px}

  .lead-body{padding:16px 40px 18px 16px}
  .lead-title{margin:6px 0 10px}
  .lede{font-size:1rem}
  .feed-grid{grid-template-columns:1fr 1fr;gap:16px}
  .tile-body{padding:14px 34px 16px 14px}
  .tile-title{font-size:1rem;margin-top:8px}
  .kicker{font-size:.68rem;padding:3px 9px}

  .related-item{grid-template-columns:76px 1fr;gap:12px;padding:16px 18px 16px 0}
  .related-title{font-size:.92rem}

  .prose table{display:block;overflow-x:auto;white-space:nowrap}

  .footer-grid{grid-template-columns:1fr 1fr;gap:18px;padding:28px 0 22px}
}