:root { --gap: 12px; --fg: #184a9c; }
* { box-sizing: border-box; }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); }
.card { color: var(--fg); padding: var(--gap); animation: fade 300ms ease-in; }
@keyframes fade { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 600px) { .grid { grid-template-columns: 1fr; } }