/* Mock hub — thẻ bắt đầu "Thi thử Full Test" + ô kết quả đã trả điểm.
 *
 * TÁCH RA TỪ khối <style> inline của `pages/home.html` (review PR #929).
 * Trước đó 12 selector này CHỈ tồn tại inline trong trang legacy, không có ở
 * bất kỳ stylesheet nào — nên bản Next chép markup mà không có style, khu Full
 * Test render thành link trần.
 *
 * MỘT NGUỒN, KHÔNG CHÉP ĐÔI: chép sang JSX thì hai bản CSS trôi khỏi nhau lúc
 * nào không biết — mà cổng parity G1 so DOM, KHÔNG so CSS, nên nó mù với đúng
 * loại trôi đó. Cả trang legacy lẫn route Next cùng nạp tệp này.
 */
.mock-hub__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--av-space-3); }
.mock-start { display: block; text-decoration: none; background: var(--av-surface-elevated);
  border: 1px solid var(--av-border-default); border-radius: var(--av-radius-lg);
  padding: var(--av-space-4) var(--av-space-6); }
.mock-start__title { font-size: var(--av-fs-lg); font-weight: var(--av-fw-bold); color: var(--av-text-primary); }
.mock-start__sub { color: var(--av-text-secondary); font-size: var(--av-fs-sm); margin-top: var(--av-space-1);
  line-height: var(--av-lh-normal); }
.mock-result-tile { display: flex; align-items: center; gap: var(--av-space-4);
  text-decoration: none; background: var(--av-primary-soft);
  border: 1px solid var(--av-primary-border); border-radius: var(--av-radius-lg);
  padding: var(--av-space-4) var(--av-space-6);
  transition: transform var(--av-duration-fast) var(--av-easing-default),
    border-color var(--av-duration-fast) var(--av-easing-default); }
.mock-result-tile:hover { transform: translateY(-1px); border-color: var(--av-primary); }
.mock-result-tile:focus-visible { outline: none; box-shadow: var(--av-shadow-focus); }
.mock-result-tile__band { font-family: var(--av-font-mono); font-size: var(--av-fs-3xl);
  font-weight: var(--av-fw-bold); color: var(--av-primary); line-height: 1;
  font-variant-numeric: tabular-nums; }
.mock-result-tile__title { font-weight: var(--av-fw-semibold); color: var(--av-text-primary);
  font-size: var(--av-fs-sm); }
.mock-result-tile__hint { font-size: var(--av-fs-xs); color: var(--av-primary);
  margin-top: 2px; font-weight: var(--av-fw-medium); }