.artikel-header[data-v-567ef266]{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:16px 0 8px}.breadcrumb-compact[data-v-567ef266]{color:#7a869a;font-size:12px}.breadcrumb-compact .link[data-v-567ef266]{color:#5b6b8c;text-decoration:none}.breadcrumb-compact .sep[data-v-567ef266]{margin:0 6px}.section[data-v-567ef266]{margin-top:16px}.section-header[data-v-567ef266]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title[data-v-567ef266]{font-size:16px;font-weight:700;margin:0;text-transform:capitalize}.grid[data-v-567ef266]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:992px){.grid[data-v-567ef266]{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.grid[data-v-567ef266]{grid-template-columns:1fr}}.card[data-v-567ef266]{background:#fff;border:1px solid #eef2f6;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}.card[data-v-567ef266]:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.card__image[data-v-567ef266]{display:block;aspect-ratio:16/10;overflow:hidden;position:relative}.card__image img[data-v-567ef266]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .5s ease}.card:hover .card__image img[data-v-567ef266]{transform:scale(1.05)}.card__badge[data-v-567ef266]{position:absolute;bottom:12px;left:12px;background:linear-gradient(135deg,#0d6efd,#0043a8);color:#fff;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.25);z-index:2}.card__body[data-v-567ef266]{padding:16px;display:flex;flex-direction:column;flex:1}.card__meta[data-v-567ef266]{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px;font-size:12px;color:#64748b;font-weight:500}.card__date[data-v-567ef266]{display:flex;align-items:center;gap:6px}.card__date[data-v-567ef266]:before{content:"•";color:#0d6efd;font-size:16px;line-height:1}.card__title[data-v-567ef266]{display:block;font-size:15px;font-weight:700;color:#0f172a;text-decoration:none;line-height:1.4;transition:color .2s ease}.card__title--two-lines[data-v-567ef266]{display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal}.card:hover .card__title[data-v-567ef266]{color:#0d6efd}