/* Card grids, shared by the Formats and Teams sections. */

/* ---------- generic cards ---------- */
.grid{display:grid;gap:16px;margin-top:clamp(36px,5vw,56px)}
.grid--5{grid-template-columns:repeat(5,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--2{grid-template-columns:repeat(2,1fr)}
@media (max-width:960px){.grid--5{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid--5,.grid--3,.grid--2{grid-template-columns:1fr}}

.card{
  background:var(--card);border:1px solid var(--line);
  border-radius:18px;padding:26px 24px;
  transition:transform .22s ease,box-shadow .22s ease;
}
.card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -30px rgba(36,26,22,.7)}
.card p{color:var(--muted);font-size:.94rem;margin-top:9px}
.card .ico{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:rgba(232,84,110,.10);margin-bottom:16px;
}
.card .ico svg{width:19px;height:19px;stroke:var(--rose);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}