.article-card[data-v-eb7a2cde]{aspect-ratio:2;background-color:#56b881;border-radius:15px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:400px;max-height:200px;margin:0 auto;padding:.5rem;text-decoration:none;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden}.article-card[data-v-eb7a2cde]:hover{box-shadow:0 8px 20px #1f437b40}.article-bg[data-v-eb7a2cde]{-o-object-fit:cover;object-fit:cover;filter:brightness(.3);width:100%;height:100%;position:absolute;top:0;left:0}.badge[data-v-eb7a2cde]{z-index:2;color:#04214f;background-color:#c7e7ff;border-radius:20px;flex-shrink:0;width:fit-content;margin-right:auto;padding:2px 10px;font-size:clamp(11px,1.5vw,14px)}.article-content[data-v-eb7a2cde]{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.article-content[data-v-eb7a2cde],.article-title[data-v-eb7a2cde]{z-index:2;width:100%;padding:0 .5rem}.article-title[data-v-eb7a2cde]{max-height:2.6em;font-size:clamp(14px,1.5vw,20px);font-weight:700;line-height:1.3}.article-description[data-v-eb7a2cde],.article-title[data-v-eb7a2cde]{color:#fff;text-align:right;line-clamp:2;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.article-description[data-v-eb7a2cde]{z-index:2;opacity:.9;width:100%;max-height:2.8em;margin-top:.25rem;padding:0 .5rem;font-size:clamp(12px,1.5vw,14px);line-height:1.4}.article-footer[data-v-eb7a2cde]{z-index:2;flex-shrink:0;width:100%;padding:0 .5rem}.article-actions[data-v-eb7a2cde]{justify-content:space-between;gap:.5rem}.action-item[data-v-eb7a2cde],.article-actions[data-v-eb7a2cde]{align-items:center;display:flex}.action-item[data-v-eb7a2cde]{color:#fff;opacity:.8;gap:.3rem;font-size:clamp(.7rem,1.5vw,.9rem);transition:opacity .3s}.action-item--more[data-v-eb7a2cde]{opacity:1;background-color:oklch(100% 0 0/.15);border-radius:30px;padding:2px 10px}.article-card:hover .action-item--more[data-v-eb7a2cde]{background-color:oklch(100% 0 0/.25)}.action-item svg[data-v-eb7a2cde]{stroke:#fff}@media (width<=768px){.article-card[data-v-eb7a2cde]{max-width:100%;max-height:220px}}