.pf-5194ce38-wrapper { font-family: system-ui, -apple-system, sans-serif; }
.pf-5194ce38-filter-bar { display: flex; justify-content: space-between; margin-bottom: 24px; flex-wrap: wrap; gap: 16px; }
.pf-5194ce38-filter-group { display: flex; gap: 8px; background: #fff; padding: 4px; border-radius: 50px; border: 1px solid #e5e7eb; overflow-x: auto; scrollbar-width: none; }
.pf-5194ce38-filter-group::-webkit-scrollbar { display: none; }
.pf-5194ce38-filter-btn { background: none; border: none; padding: 8px 16px; border-radius: 50px; cursor: pointer; color: #d97706; font-weight: 500; white-space: nowrap; }
.pf-5194ce38-filter-btn.active { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.pf-5194ce38-filter-berita { background: #fff; border: 1px solid #e5e7eb; padding: 8px 16px; border-radius: 50px; cursor: pointer; display: flex; align-items: center; gap: 8px; }
.pf-5194ce38-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 24px; }
@media (min-width: 768px) { .pf-5194ce38-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .pf-5194ce38-grid { grid-template-columns: repeat(3, 1fr); } }
.pf-5194ce38-card { display: flex; flex-direction: column; }
.pf-5194ce38-card.hidden { display: none; }
.pf-5194ce38-card-image { aspect-ratio: 4/3; border-radius: 12px; overflow: hidden; margin-bottom: 16px; background: #f3f4f6; }
.pf-5194ce38-card-image img { width: 100%; height: 100%; object-fit: cover; }
.pf-5194ce38-meta { display: flex; gap: 12px; margin-bottom: 12px; font-size: 12px; }
.pf-5194ce38-badge { border: 1px solid #fde68a; color: #d97706; padding: 2px 10px; border-radius: 20px; font-weight: 500; }
.pf-5194ce38-time { color: #d97706; font-weight: 500; }
.pf-5194ce38-title { font-size: 18px; font-weight: 700; margin: 0 0 8px; display: flex; justify-content: space-between; align-items: flex-start; }
.pf-5194ce38-title a { color: #111827; text-decoration: none; }
.pf-5194ce38-arrow { margin-top: 4px; flex-shrink: 0; }
.pf-5194ce38-excerpt { font-size: 14px; color: #4b5563; line-height: 1.5; }
.pf-5194ce38-load-more-wrapper { text-align: center; margin-top: 32px; }
.pf-5194ce38-load-more { background: transparent; border: 1px solid #d97706; color: #d97706; padding: 10px 24px; border-radius: 50px; font-weight: 600; cursor: pointer; }
.pf-5194ce38-load-more.loading { opacity: 0.5; pointer-events: none; }