/* Themen-Familie "Wissen": Ratgeber-Artikel (/de/ratgeber/*).
   Eigenständiger Indigo-Akzent – redaktionell statt Standort- oder
   Branchen-Charakter. Setzt die Premium-Variablen und ergänzt eine
   ruhige Innenstruktur für lange Fließtexte (Abschnitts-Akzent, TOC,
   FAQ-Akkordeon), ohne Inhalte anzufassen. */

:root {
  --premium-accent: #4f46e5;
  --premium-accent-soft: #eef2ff;
  --premium-ink: var(--color-navy-900);
  --premium-icon-color: #a5b4fc;
}

.premium-hero-eyebrow {
  border-color: color-mix(in srgb, #4f46e5 45%, transparent);
  color: #4f46e5;
}

.premium-hero-rule::after {
  background: #4f46e5;
}

/* Ruhiger Abschnitts-Rhythmus in langen Artikeltexten: dezente Akzentleiste
   vor jeder H2, damit sich Kapitel klar absetzen, ohne auf Bilder oder
   Farbflächen angewiesen zu sein. */
.article-content h2 {
  position: relative;
  padding-left: 1.1rem;
  border-left: 3px solid var(--premium-accent);
}

.article-content h3 {
  color: var(--color-navy-800);
}

.article-toc a:hover,
.article-toc__nav a:hover {
  color: #4f46e5;
}

.faq-item[open] .faq-item__icon {
  color: #4f46e5;
}

.faq-item__question:hover {
  color: #4f46e5;
}