.cards{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-med) ease, border-color var(--dur-med) ease, transform var(--dur-med) var(--ease-out);align-content:start;gap:.75rem;padding:1.75rem;display:grid}.card:hover{box-shadow:var(--shadow-md);border-color:#0b6bcb59;transform:translateY(-2px)}.card .icon-tile{margin-bottom:.35rem}.card h3{font-size:var(--step-1);font-weight:750}.card p{color:var(--fg-muted);font-size:.98rem}.cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1100px){.cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.cards,.cards--4{grid-template-columns:1fr}.card{padding:1.4rem}}