/* ═══════════════════════════════════════════════════════════════════════════
   mock-pages.css — Thi thử IELTS /ielts/mock + một bộ thi thử /ielts/kb-mock?id=, App học v3 (Đợt 5, 27/09/2026).
   Dải, thẻ lọc, lưới đề, thẻ chuẩn bị lấy từ khuôn kho đề (reading-library.css); dòng từng phần lấy .ilh-row (il-history.css).
   Tệp này chỉ lo phần ghép: lưới 2 cột cho 4 kỹ năng, bảng cấu trúc bài thi, dòng phần trong thẻ. Chỉ token — tự lật ở nền tối.
   ═══════════════════════════════════════════════════════════════════════════ */

/* 4 kỹ năng: lưới 2 cột (4 thẻ trong lưới 3 cột để lại một thẻ lẻ) */
.mk3-skills .rl3-tests { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 0; }
.mk3-skills { scroll-margin-top: 80px; }

/* Cấu trúc bài thi thật */
.mk3-fmt { padding: 6px 22px; overflow: hidden; }
.mk3-fmt table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.55; }
.mk3-fmt thead th { padding: 12px 14px 10px 0; text-align: left; font-size: 12.5px; font-weight: 600; color: var(--lv-muted); border-bottom: 1px solid var(--lv-hair); }
.mk3-fmt tbody th, .mk3-fmt td { padding: 12px 14px 12px 0; text-align: left; vertical-align: top; border-bottom: 1px solid var(--lv-hair); color: var(--lv-text); }
.mk3-fmt tbody th { width: 110px; font-weight: 700; color: var(--lv-ink); }
.mk3-fmt tbody tr:last-child > * { border-bottom: 0; }
.mk3-tip { margin-top: 12px; }

/* Một bộ đề: mỗi phần một dòng .ilh-row, chữ dòng thẳng hàng với tiêu đề thẻ */
.mk3-rows { margin: -4px -14px -10px; }
.mk3-part .rt3-card__h { margin-bottom: 8px; }
.mk3-steps li span { font-size: 13.5px; line-height: 1.55; }

@media (max-width: 720px) {
  .mk3-skills .rl3-tests { grid-template-columns: minmax(0, 1fr); }
  .mk3-fmt { padding: 4px 16px; }
  .mk3-fmt thead { display: none; }
  .mk3-fmt tbody tr { display: block; padding: 12px 0; border-bottom: 1px solid var(--lv-hair); }
  .mk3-fmt tbody tr:last-child { border-bottom: 0; }
  .mk3-fmt tbody th, .mk3-fmt td { display: block; width: auto; padding: 2px 0; border: 0; }
  .mk3-fmt tbody th { margin-bottom: 4px; }
  .mk3-fmt td::before { content: attr(data-l) ": "; font-weight: 600; color: var(--lv-muted); }
  .mk3-rows { margin: -4px -10px -8px; }
}