/*
 * Einheitliche visuelle Trennung großer Inhaltsbereiche.
 * FAQ-Bereiche erhalten eine dezente Vollbreitenfläche, während die
 * bestehende Inhaltsbreite über das innere .shell-Element erhalten bleibt.
 */
.tool-faq-section {
    background: var(--page-deep);
    background: color-mix(in srgb, var(--page-deep) 92%, var(--accent) 8%);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

/* Der PPI-Bereich hatte bisher dieselbe Hintergrundfläche über ein Pseudo-Element. */
.ppi-faq-section::before {
    content: none;
}

/* Verhindert eine doppelte Trennlinie vor dem direkt anschließenden Related-Bereich. */
.tool-faq-section + .related-tools {
    border-top: 0;
}