.tpk-card { display: grid; gap: var(--tpk-space-4); overflow: hidden; border-radius: var(--tpk-radius-card); background: var(--tpk-color-surface); }
.tpk-card__media { aspect-ratio: 4 / 3; overflow: hidden; background: var(--tpk-color-border); }
.tpk-card__media img { width: 100%; height: 100%; object-fit: cover; }
.tpk-card__body { display: grid; gap: var(--tpk-space-3); padding: var(--tpk-space-5); }
.tpk-card__title { margin: 0; font-size: 22px; }
.tpk-card--resource { border-top: 3px solid var(--tpk-color-brand-primary); }