/* screen-nutzung
 * Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance, @skill-seo-groundingpage, @skill-div-table-structure | TOC und Parameter-/Ergebnis-Tabellen
 */

/* .screen-nutzung | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | Container */
.screen-nutzung {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
}

/* .screen-nutzung-headline-wrap | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | H1-Abstand */
.screen-nutzung-headline-wrap {
    margin-bottom: 1.25rem;
}

/* .screen-nutzung-intro | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | Intro-Abstand */
.screen-nutzung-intro {
    margin-bottom: 2rem;
}

/* .screen-nutzung-toc | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | Inhaltsverzeichnis */
.screen-nutzung-toc {
    margin-bottom: 2.5rem;
    padding: 1.25rem 1.25rem 1rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.02);
}

/* .screen-nutzung-toc-list | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | TOC-Hauptliste */
.screen-nutzung-toc-list {
    margin: 0.75rem 0 0;
    padding-left: 1.25rem;
}

/* .screen-nutzung-toc-item | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | TOC-Eintrag */
.screen-nutzung-toc-item {
    margin-bottom: 0.65rem;
    line-height: 1.5;
}

/* .screen-nutzung-toc-sublist | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | TOC-Unterpunkte */
.screen-nutzung-toc-sublist {
    margin: 0.4rem 0 0.2rem;
    padding-left: 1.1rem;
}

/* .screen-nutzung-toc-sublist li | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | TOC-Unterpunkt-Abstand */
.screen-nutzung-toc-sublist li {
    margin-bottom: 0.3rem;
}

/* .screen-nutzung-usage | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | Nutzung-Abschnitt */
.screen-nutzung-usage {
    margin-bottom: 2.5rem;
}

/* .screen-nutzung-usage-step | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | Nutzungsschritt-Block */
.screen-nutzung-usage-step {
    margin: 0 0 1.75rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* .screen-nutzung-usage-step:last-child | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | letzter Schritt ohne Linie */
.screen-nutzung-usage-step:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* .screen-nutzung-faq | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | FAQ-Abschnitt */
.screen-nutzung-faq {
    margin-bottom: 1rem;
}

/* .screen-nutzung-faq-item | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | FAQ-Item */
.screen-nutzung-faq-item {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* .screen-nutzung-faq-item:last-child | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | letztes FAQ ohne Linie */
.screen-nutzung-faq-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* .screen-nutzung-usage-step .base-headline-h4 | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance, @skill-div-table-structure | Tabellen-Unterueberschriften */
.screen-nutzung-usage-step .base-headline-h4 {
    margin: 1.35rem 0 0.75rem;
    font-size: 1.05rem;
}

/* .screen-nutzung-param-table | Änderungsprotokoll: 2026-07-27 | Auto | @skill-css-rules, @skill-change-provenance, @skill-div-table-structure | Parameter-Tabelle Abstand; Farben via base-div-table-ci-light */
.screen-nutzung-param-table {
    margin: 0 0 1.25rem;
}

/* .screen-nutzung-result-table | Änderungsprotokoll: 2026-07-27 | Auto | @skill-css-rules, @skill-change-provenance, @skill-div-table-structure | Ergebnis-Tabelle Abstand; Farben via base-div-table-ci-light */
.screen-nutzung-result-table {
    margin: 0 0 0.5rem;
}

/* .screen-nutzung-param-table code, .screen-nutzung-result-table code | Änderungsprotokoll: 2026-07-27 | Auto | @skill-css-rules, @skill-change-provenance | technische Tokens; Farbe über base-div-table-code-ci-light */
.screen-nutzung-param-table code,
.screen-nutzung-result-table code {
    font-size: 0.85em;
    word-break: break-word;
}

@media (min-width: 600px) {
    /* .screen-nutzung | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | Tablet-Padding */
    .screen-nutzung {
        padding: 2rem 1.5rem 3.5rem;
    }

    /* .screen-nutzung-toc | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | TOC Tablet */
    .screen-nutzung-toc {
        padding: 1.5rem 1.5rem 1.15rem;
    }
}

@media (min-width: 1024px) {
    /* .screen-nutzung | Änderungsprotokoll: 2026-07-26 | Auto | @skill-css-rules, @skill-change-provenance | Desktop-Padding */
    .screen-nutzung {
        padding: 2.5rem 0 4rem;
    }
}