.hero-berita{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%)}.section-berita-filter .form-label{font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:.5rem}.kategori-chip{padding:.5rem 1rem;text-decoration:none;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:.5rem}.kategori-chip:hover{background:var(--color-primary-dark)!important;transform:translateY(-2px);box-shadow:var(--shadow-primary);color:var(--color-white);text-decoration:none}.kategori-chip.active{background:var(--color-primary-dark)!important;box-shadow:var(--shadow-primary)}.badge-count{background:rgba(255,255,255,.3);padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;margin-left:.25rem}.card-berita{border:1px solid var(--color-gray-200);transition:all var(--transition-base);overflow:hidden}.card-berita:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-berita-featured{border:2px solid var(--color-primary)}.card-img-wrapper{position:relative;overflow:hidden;height:200px}.card-berita-featured .card-img-wrapper{height:250px}.card-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card-berita:hover .card-img-wrapper img{transform:scale(1.1)}.card-category-badge{position:absolute;top:1rem;left:1rem;background:var(--gradient-primary);color:var(--color-white);padding:.375rem .75rem;border-radius:var(--radius-md);font-size:clamp(.75rem, 1.5vw, .875rem);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-md)}.card-date{display:inline-flex;align-items:center;gap:.5rem;font-size:clamp(.8125rem, 1.5vw, .875rem);color:var(--color-gray-600);margin-bottom:.75rem}.card-date i{color:var(--color-primary)}.card-title{font-size:clamp(1rem, 2.5vw, 1.25rem);font-weight:var(--font-weight-semibold);margin-bottom:.75rem;line-height:var(--line-height-tight)}.card-title a{color:var(--color-gray-800);text-decoration:none;transition:color var(--transition-base)}.card-title a:hover{color:var(--color-primary)}.card-text{font-size:clamp(.875rem, 2vw, .9375rem);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin-bottom:1rem}.card-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-primary);font-weight:var(--font-weight-medium);font-size:clamp(.875rem, 2vw, .9375rem);text-decoration:none;transition:all var(--transition-base)}.card-link:hover{color:var(--color-primary-dark);gap:.75rem}.card-link i{transition:transform var(--transition-base)}.card-link:hover i{transform:translateX(4px)}.pagination{margin-top:2rem}.page-link{color:var(--color-primary);border-color:var(--color-gray-300);padding:.625rem 1rem;transition:all var(--transition-base)}.page-link:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:translateY(-2px)}.page-item.active .page-link{background:var(--gradient-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-primary)}@media (max-width:767px){.card-berita-featured .card-img-wrapper{height:200px}.card-img-wrapper{height:180px}.kategori-chip{font-size:.8125rem;padding:.375rem .75rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.pagination{flex-wrap:wrap}.page-link{padding:.5rem .75rem;font-size:.875rem}}.berita-featured-image{width:100%;height:auto;aspect-ratio:16/9;display:block;min-height:300px;object-fit:cover;will-change:transform;contain:layout style paint}.berita-content{min-height:200px;contain:layout style}.berita-content img{max-width:100%;height:auto;display:block;aspect-ratio:attr(width)/attr(height)}.berita-content{font-display:swap}.berita-content *{will-change:auto}.card-berita{contain:layout style paint}