/* ============================================================
   IMMERSIVE SKIN — Stories Listing Page
   ============================================================ */

body[data-skin="immersive"] .stories-header h1 {
  color: var(--c-text);
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.03em;
}
body[data-skin="immersive"] .stories-breadcrumb a {
  color: var(--c-text-muted);
  font-family: var(--font-main);
}
body[data-skin="immersive"] .stories-breadcrumb a:hover {
  color: var(--c-accent);
}
body[data-skin="immersive"] .stories-count {
  color: var(--c-text-muted);
  font-family: var(--font-main);
}

/* Filter chips — consistent */
body[data-skin="immersive"] .stories-chip {
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  color: var(--c-text);
  font-family: var(--font-main);
  transition: all var(--duration-fast) ease;
}
body[data-skin="immersive"] .stories-chip:hover {
  background: var(--c-accent-soft);
  border-color: var(--c-accent);
  color: var(--c-accent);
}
body[data-skin="immersive"] .stories-chip.active {
  background: var(--c-primary);
  border-color: var(--c-primary);
  color: #fff;
}

/* Empty state */
body[data-skin="immersive"] .stories-empty {
  background: var(--c-surface);
  border: 1px dashed var(--c-border);
  color: var(--c-text-muted);
  font-family: var(--font-main);
}