/* Inhaltsverzeichnis + automatische Kapitel-Marken (ak-toc)
 * Wird per functions.php nur auf Seiten/Posts geladen, die
 * [ak_toc] im Content haben — has_shortcode-Detection
 * in blankslate_load_scripts(). Eingebunden 16.05.2026.
 * H3-Sublist 17.05.2026. Cleanup nach Switch von <nav> auf
 * <div role="navigation"> — keine Theme-nav-Konflikte mehr,
 * Resets gegen .entry-content ol/li reichen aus.
 */

/* Container */
.ak-toc{background:#fafafa;padding:18px 22px;margin:24px 0 36px;border-radius:3px;text-align:left}
.ak-toc__label{font-family:Lato,system-ui,-apple-system,Arial,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#666;margin-bottom:10px}

/* Hauptliste (H2-Punkte)
 * .entry-content ol hat im Theme list-style:decimal mit padding-left:1.5em.
 * Wir nehmen das raus und bauen die Nummerierung selbst per CSS-Counter.
 * .ak-toc__list > li scoped, damit die H3-Sublist keine eigene Nummer kriegt.
 */
.entry-content .ak-toc__list{list-style:none;margin:0;padding:0;counter-reset:toc}
.entry-content .ak-toc__list > li{counter-increment:toc;margin:0 0 .35em;padding:0;font-family:Lato,system-ui,-apple-system,Arial,sans-serif;font-size:15px;line-height:1.9;color:#222}
.entry-content .ak-toc__list > li::before{content:counter(toc) ".";color:#999;margin-right:10px;font-variant-numeric:tabular-nums}

/* Links (alle Ebenen) */
.entry-content .ak-toc__list a{color:#222;text-decoration:none;border-bottom:none}
.entry-content .ak-toc__list a:hover{color:#000;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* Unterliste (H3-Punkte) — pure Einrückung, kein Marker,
 * leicht kleiner und gedeckter. Hängende Einrückung
 * (padding-left + negativer text-indent): erste Zeile
 * bündig mit den H2-Titeln auf x=28px, Folgezeilen weiter
 * eingerückt auf x=40px. So sind umgebrochene H3-Einträge
 * auf einen Blick als ein Eintrag erkennbar.
 */
.entry-content .ak-toc__sublist{list-style:none;margin:2px 0 12px;padding:0}
.entry-content .ak-toc__sublist li{margin:0 0 1px;padding:0 0 0 40px;text-indent:-12px;font-size:14px;line-height:1.7;color:#555}
.entry-content .ak-toc__sublist li::before{content:none}
.entry-content .ak-toc__sublist a{color:#555}

/* Automatische Kapitel-Marken über H2 mit ID.
 * Nur aktiv wenn diese Datei geladen ist.
 * scroll-margin-top für H2 und H3, damit Sprung-Links
 * nicht unter der sticky-nav landen.
 */
.entry-content{counter-reset:ak-chapter}
.entry-content h2[id],
.entry-content h3[id]{scroll-margin-top:120px}
.entry-content h2[id]::before{counter-increment:ak-chapter;content:"Teil " counter(ak-chapter);display:block;font-family:Playfair,Georgia,"Times New Roman",serif;font-weight:400;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#888;margin-bottom:6px;line-height:1}

/* Breakpoints */
@media only screen and (min-width:1600px){.entry-content h2[id]::before{font-size:13px}}
@media only screen and (max-width:768px){.ak-toc{padding:14px 16px;margin:20px 0 28px}.entry-content .ak-toc__list > li{font-size:14px;line-height:1.8}.entry-content .ak-toc__sublist li{font-size:13px;padding-left:36px;text-indent:-12px;line-height:1.65}.entry-content h2[id]::before{font-size:11px;letter-spacing:2px;margin-bottom:4px}.entry-content h2[id],.entry-content h3[id]{scroll-margin-top:20px}}