.resources__grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: var(--space-5); }
.resource { display: flex; flex-direction: column; padding: var(--space-6); }
.resource__media { min-height: 13rem; margin: calc(var(--space-6) * -1) calc(var(--space-6) * -1) var(--space-6); }
.resource__type { margin-bottom: var(--space-3); color: var(--color-accent-700); font-size: var(--font-size-xs); font-weight: 850; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.resource h3 { font-size: 1.2rem; }
.resource p { color: var(--color-muted); font-size: var(--font-size-sm); }
.resource .button { align-self: flex-start; margin-top: auto; }
@media (max-width: 900px) { .resources__grid { grid-template-columns: 1fr; } }