/* ===== TOKENS / BASE ===== */
:root{
  --ink:#0f172a;
  --text:#555;
  --muted:#6b7280;
  --line:#e5e7eb;
  --bg:#ffffff;
  --tint:#f7f9fc;
  --brand:#2563eb;
  --brand-600:#1d4ed8;
}
h1,h2,h3{ color:var(--ink); letter-spacing:.2px; }
p{ color:var(--text); }

/* ===== GRID: ALL TESTS ===== */
.gmt-tests-grid{
  display:grid;
  gap:18px;
  grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
  max-width:1200px;
  margin:0 auto;
}

/* usuń (remove) śmieciowe wstawki WP między kartami */
.gmt-tests-grid > *:not(.gmt-test){
  display:none !important;
}

.gmt-test{
  background:var(--tint);
  border:1px solid var(--line);
  border-radius:16px;
  padding:22px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:240px;
  transition: transform .12s ease, box-shadow .2s ease, border-color .2s;
  text-decoration:none !important;
  color:inherit;
}
.gmt-test:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 28px rgba(0,0,0,.07);
  border-color:#d9dce3;
}
.gmt-test h3,
.gmt-test p{
  text-decoration:none !important;
  color:inherit;
}
.gmt-test h3{ margin:.6rem 0 .4rem; font-size:19px; }
.gmt-test p{ color:var(--muted); margin:0; }

/* Ikona (icon) w kółku */
.gmt-test .gmt-ico{
  width:48px; height:48px; border-radius:50%;
  display:inline-grid; place-items:center;
  background:#eef2ff; color:#3730a3;
  margin-bottom:.5rem; font-size:22px; font-weight:700;
}

/* mobile (mobile) tweak */
@media (max-width:768px){
  .gmt-tests-grid{ gap:14px; }
}