/* CSS khusus blog.blade.php (resources/views/livewire/guest-page). Dimuat di <head> lewat partials/page-css. */
.bl-img { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--ugs-surface); }
.bl-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.ugs-pg-card:hover .bl-img img { transform: scale(1.04); }
.bl-ph { position: absolute; inset: 0; display: grid; place-items: center; font-size: 2.2rem; color: var(--ugs-fg-3); }
.bl-body { display: flex; flex-direction: column; gap: .5rem; padding: 1.2rem 1.4rem 1.4rem; flex: 1; }
.bl-meta { display: flex; flex-wrap: wrap; gap: .35rem; font-size: .8rem; color: var(--ugs-fg-3); }
.bl-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bl-text { flex: 1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }