.article-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:20px;gap:20px}@media(max-width:560px){.article-cards{grid-template-columns:1fr;gap:12px}}.article-cards .article-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(29,58,46,.12);border-radius:8px;padding:12px 12px 16px;color:inherit;text-decoration:none;box-shadow:0 2px 10px rgba(22,48,43,.04);transition:box-shadow .2s ease,transform .2s ease}.article-cards .article-card:hover{box-shadow:0 10px 24px rgba(22,48,43,.1);transform:translateY(-2px)}.article-cards .article-card:hover .article-title{color:#1d3a2e}@media(max-width:560px){.article-cards .article-card{flex-direction:row;align-items:center;gap:16px;padding:12px}}.article-cards .article-img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;border-radius:6px;display:block;margin-bottom:14px;background:#f5f6f2}@media(max-width:560px){.article-cards .article-img{width:108px;aspect-ratio:1/1;border-radius:8px;margin-bottom:0;flex-shrink:0}}.article-cards .article-text{display:flex;flex-direction:column;flex:1 1}.article-cards .article-title{font-size:15px;font-weight:600;line-height:1.45;color:#16302b;padding:0 4px;margin-bottom:8px;transition:color .15s ease}.article-cards .article-date{font-size:13px;color:rgba(22,23,24,.65);padding:0 4px;margin-top:auto}@media(max-width:560px){.article-cards.article-cards-mobile-flat{gap:16px}.article-cards.article-cards-mobile-flat .article-card{align-items:flex-start;padding:0;background:rgba(0,0,0,0);border:none;box-shadow:none}.article-cards.article-cards-mobile-flat .article-card:hover{box-shadow:none;transform:none}}