.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px}
.topic-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.topic-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.topic-card__thumb{width:100%;aspect-ratio:16/10;object-fit:cover;background:#e6f2ff}
.topic-card__body{padding:16px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.topic-card__title{font-size:16px;line-height:1.4;font-weight:700;color:#1a1a1a;margin:0}
.topic-card__meta{font-size:12px;color:#666;margin:0}
.topic-card__description{font-size:13px;line-height:1.5;color:#555;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.topic-card__link{margin-top:auto;display:inline-flex;align-items:center;font-size:13px;color:#0a66c2;text-decoration:none;font-weight:500}
.topic-card__link:hover{text-decoration:underline;color:#0056b3}
@media (max-width:640px){.topics-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.topic-card__title{font-size:15px}.topic-card__body{padding:14px 16px}}