/* =========================
   TOC – Ghost theme-native
   Variante B (Title = echtes H2)
   ========================= */

/* Container for the table of contents */
.gh-toc-container {
  margin-bottom: 20px;
  padding: 15px;

  /* vollständig theme-gesteuert */
  background: transparent;
  color: inherit;

  /* dezente Struktur über Accent */
  border-left: 3px solid var(--ghost-accent-color, currentColor);

  border-radius: 0;
  box-shadow: none;
}

/* TOC-Titel: echtes H2 → nur Abstand anpassen */
.gh-toc-container > h2 {
  margin: 0 0 12px 0;
}

/* Main list of the table of contents */
.gh-toc {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* Top-level list items */
.gh-toc > li {
  margin-bottom: 8px;
  font-weight: 600;
}

/* Nested lists (sub-items) */
.gh-toc ul {
  padding-left: 18px;
  margin-top: 6px;

  border-left: 2px solid var(--ghost-border-color, currentColor);
  opacity: 0.9;
}

/* Styling for sub-list items */
.gh-toc ul li {
  font-size: 0.95em;
  font-weight: 400;
  position: relative;
  margin-bottom: 6px;
  padding-left: 10px;
}

/* Bullet points for sub-items */
.gh-toc ul li::before {
  content: "•";
  position: absolute;
  left: -12px;

  color: var(--ghost-accent-color, currentColor);
  font-size: 1.1em;
  line-height: 1;
}

/* Links inherit all theme styles */
.gh-toc a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

/* Hover uses Ghost accent color */
.gh-toc a:hover {
  color: #a63f00;
  text-decoration: underline;
}
.gh-content .gh-toc a { color: #a63f00 !important; }
  /* TOC-Titel wie Theme-Headings in Serif */
.gh-toc-container > h2 {
  font-family: var(--gh-font-heading, var(--font-serif));
  letter-spacing: -.01em;
}

/* Small linked captions and existing product links need normal-text contrast. */
.gh-article-image figcaption a,
.gh-content figcaption a,
.gh-content a[rel~="sponsored"] { color: var(--site-accent-hover, #c44f00); }
.gh-content a:not(.gh-btn) { color: var(--site-accent-hover, #c44f00); }

/* Prism is loaded after this stylesheet, so accessible token colors are explicit. */
.gh-content .token.comment,
.gh-content .token.prolog,
.gh-content .token.doctype,
.gh-content .token.cdata,
.gh-content .token.punctuation { color: #4f5b66 !important; }
.gh-content .token.property,
.gh-content .token.tag,
.gh-content .token.boolean,
.gh-content .token.number,
.gh-content .token.constant,
.gh-content .token.symbol,
.gh-content .token.deleted { color: #a12649 !important; }
.gh-content .token.selector,
.gh-content .token.attr-name,
.gh-content .token.string,
.gh-content .token.char,
.gh-content .token.builtin,
.gh-content .token.inserted { color: #3f6f00 !important; }
.gh-content .token.operator,
.gh-content .token.entity,
.gh-content .token.url,
.gh-content .language-css .token.string,
.gh-content .style .token.string { color: #5a3e00 !important; }
.gh-content .token.atrule,
.gh-content .token.attr-value,
.gh-content .token.keyword { color: #005f86 !important; }
.gh-content .token.function,
.gh-content .token.class-name { color: #a12649 !important; }
.gh-content .token.regex,
.gh-content .token.important,
.gh-content .token.variable { color: #704000 !important; }

/* Correct heading semantics while preserving the previous product-title size. */
.gh-content h3.ii-product-title {
  font-size: calc(1.8rem * var(--font-multiplier, 1));
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}