.stories-hero { background: var(--color-primary); color: #fff; padding: 120px 0 60px; text-align: center; }
.stories-hero h1 { font-size: 3.5rem; }

.filter-tabs { display: flex; gap: 12px; flex-wrap: wrap; margin: 30px 0 20px; justify-content: center; }
.filter-tab { padding: 8px 20px; border: 2px solid var(--color-primary); background: transparent; border-radius: 30px; cursor: pointer; font-weight: 500; transition: 0.2s; }
.filter-tab.active, .filter-tab:hover { background: var(--color-primary); color: #fff; }

.featured-story { margin: 30px 0; padding: 30px; background: var(--color-bg-light); border-radius: 12px; }
.stories-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.story-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.04); }
.story-card img { width: 100%; height: 200px; object-fit: cover; }
.story-card-content { padding: 20px; }
.story-card .category-tag { display: inline-block; background: var(--color-secondary); color: #fff; padding: 2px 12px; border-radius: 20px; font-size: 0.8rem; }

@media (max-width: 768px) {
  .stories-grid { grid-template-columns: 1fr; }
}