/**
 * SciLMi Wiki/LP-Embed auf Duda/Checkdomain: Mutterseiten-Styles neutralisieren.
 * Nach demo-router.css / bridge-outline.css einbinden.
 */

/* Duda-Zeile um #outline-slot (padding 200px / text-align center von pagestyleDevice) */
*#dm *.dmBody div.dmRespRow.scilmi-wiki-embed-host,
*#dm *.dmBody div.dmRespRow:has(#outline-slot),
*#dm *.dmBody div.dmRespRow:has(#scilmi-lp-embed) {
    padding-top: 40px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
}

*#dm *.dmBody div.dmRespCol.scilmi-wiki-embed-col,
*#dm *.dmBody div.dmRespCol:has(#outline-slot),
*#dm *.dmBody div.dmRespCol:has(#scilmi-lp-embed) {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
}

*#dm *.dmBody #outline-slot,
*#dm *.dmBody #outline-slot.scilmi-outline-embed,
*#dm *.dmBody #scilmi-lp-embed {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

/*
 * demo-router.css: .scilmi-router-shell { max-width: 1650px } — Standalone-Layout.
 * Im CMS-Embed volle Breite (wie „Full bleed“, ohne Toggle in der Toolbar).
 */
#outline-slot .scilmi-router-shell,
*#dm div.dmContent #outline-slot .scilmi-router-shell {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

#outline-slot .scilmi-router-layout {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

#outline-slot .scilmi-router-content .scilmi-outline-content,
#outline-slot .scilmi-router-content .scilmi-outline-content.container,
*#dm div.dmContent #outline-slot .scilmi-router-content .scilmi-outline-content.container {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#outline-slot .scilmi-router-layout {
    display: grid !important;
}

/*
 * site-theme.css: *#dm div.dmContent h2 { … } — auch im Wiki. Ausnahme nur unter #outline-slot.
 * rem-Basis + !important; Selector mit div#outline-slot schlägt Theme (1 ID) zuverlässig.
 */
*#dm div.dmContent div#outline-slot.scilmi-outline-embed,
*#dm div.dmContent div#outline-slot,
*#dm *.dmBody div.dmContent div#outline-slot {
    --scilmi-h1-size: 2.25rem;
    --scilmi-h2-size: 1.65rem;
    --scilmi-h3-size: 1.35rem;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

*#dm div.dmContent div#outline-slot .scilmi-router-content h1,
*#dm div.dmContent div#outline-slot .scilmi-outline-content h1,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-outline-title h1 {
    font-size: 2.25rem !important;
    font-size: var(--scilmi-h1-size) !important;
    line-height: 1.25 !important;
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

*#dm div.dmContent div#outline-slot .scilmi-router-content h2,
*#dm div.dmContent div#outline-slot .scilmi-outline-content h2 {
    font-size: 1.65rem !important;
    font-size: var(--scilmi-h2-size) !important;
    line-height: 1.35 !important;
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

*#dm div.dmContent div#outline-slot .scilmi-router-content h3,
*#dm div.dmContent div#outline-slot .scilmi-outline-content h3 {
    font-size: 1.35rem !important;
    font-size: var(--scilmi-h3-size) !important;
    line-height: 1.35 !important;
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

*#dm div.dmContent div#outline-slot .scilmi-router-content h4,
*#dm div.dmContent div#outline-slot .scilmi-outline-content h4 {
    font-size: 1.15rem !important;
    line-height: 1.35 !important;
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

*#dm div.dmContent div#outline-slot .scilmi-router-content h5,
*#dm div.dmContent div#outline-slot .scilmi-router-content h6,
*#dm div.dmContent div#outline-slot .scilmi-outline-content h5,
*#dm div.dmContent div#outline-slot .scilmi-outline-content h6 {
    font-size: 1rem !important;
    line-height: 1.35 !important;
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content p,
*#dm div.dmContent div#outline-slot .scilmi-outline-content li {
    font-size: 1rem !important;
    line-height: 1.55 !important;
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-weight: 400 !important;
    color: #1e293b !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-domain-section > .scilmi-comp-collapsible-header > h1.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-domain-section > .scilmi-comp-collapsible-header > h2.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-domain-section > .scilmi-comp-collapsible-header > h3.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h2.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h3.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h4.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h5.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h6.scilmi-code-heading,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h2,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h3,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h4,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h5,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header > h6 {
    font-size: 1.65rem !important;
    font-size: var(--scilmi-h2-size) !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h1.scilmi-goal-highlight-row,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h2.scilmi-goal-highlight-row,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h3.scilmi-goal-highlight-row,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h4.scilmi-goal-highlight-row,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h5.scilmi-goal-highlight-row,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h6.scilmi-goal-highlight-row {
    font-size: 1.65rem !important;
    font-size: var(--scilmi-h2-size) !important;
}

*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-domain-section > .scilmi-comp-collapsible-header mark,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-domain-section > .scilmi-comp-collapsible-header .scilmi-highlight {
    font-size: 1em !important;
}

/* Duda/Bootstrap: mark in Überschriften nicht als Block-Riesenbanner */
#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h1.scilmi-goal-highlight-row,
#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h2.scilmi-goal-highlight-row,
#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h3.scilmi-goal-highlight-row,
#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h4.scilmi-goal-highlight-row,
#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h5.scilmi-goal-highlight-row,
#outline-slot .scilmi-outline-content .scilmi-comp-collapsible-header h6.scilmi-goal-highlight-row {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
}

#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header mark,
#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header .scilmi-highlight,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header mark,
*#dm div.dmContent div#outline-slot .scilmi-outline-content .scilmi-goal-section > .scilmi-comp-collapsible-header .scilmi-highlight {
    font-size: 1em !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    padding: 0.12em 0.35em !important;
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#outline-slot .scilmi-router-content {
    min-width: 0 !important;
    text-align: left !important;
}

#outline-slot .scilmi-router-toc,
#outline-slot .scilmi-router-menu {
    text-align: left !important;
}

/* Lesson Plans Embed (www.scilmi.eu/lesson-plans): keine 1650px / 1280px Caps */
#scilmi-lp-embed .scilmi-router-shell,
#scilmi-lp-embed .lp-home-shell,
#scilmi-lp-embed .lp-embed-shell,
#scilmi-lp-embed .lp-detail-shell,
#scilmi-lp-embed .lp-embed-detail-body,
*#dm div.dmContent #scilmi-lp-embed .scilmi-router-shell {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

#scilmi-lp-embed .lp-home-layout,
#scilmi-lp-embed .scilmi-router-layout {
    width: 100% !important;
    max-width: none !important;
}

#scilmi-lp-embed .scilmi-router-content {
    max-width: none !important;
    width: 100% !important;
}

#scilmi-lp-embed .lp-new-root,
#scilmi-lp-embed .lp-embed-detail .lp-new-root {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
}

/*
 * Lesson Plans: site-theme *#dm div.dmContent h2 { … Heebo, große Schrift } überschreibt
 * .lp-card-title (h2). Wie Standalone lessonplans-home.css — nur unter #scilmi-lp-embed.
 */
*#dm div.dmContent div#scilmi-lp-embed,
*#dm div.dmContent div#scilmi-lp-embed .lp-home-shell,
*#dm div.dmContent div#scilmi-lp-embed .scilmi-router-shell,
*#dm div.dmContent div#scilmi-lp-embed .lp-detail-page {
    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, Oxygen, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #1e293b !important;
    text-align: left !important;
}

*#dm div.dmContent div#scilmi-lp-embed h1,
*#dm div.dmContent div#scilmi-lp-embed h2,
*#dm div.dmContent div#scilmi-lp-embed h3,
*#dm div.dmContent div#scilmi-lp-embed h4,
*#dm div.dmContent div#scilmi-lp-embed h5,
*#dm div.dmContent div#scilmi-lp-embed h6 {
    font-family: inherit !important;
    text-align: left !important;
    text-decoration: none !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

*#dm div.dmContent div#scilmi-lp-embed h2.lp-card-title {
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin: 0 0 0.45rem !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-card--multi-subject .lp-card-title {
    color: #005575 !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-card-desc {
    font-size: 0.88rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    color: #475569 !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-card-top {
    font-size: 0.76rem !important;
    font-weight: 600 !important;
    color: #64748b !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-count {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-sort label span,
*#dm div.dmContent div#scilmi-lp-embed .lp-filter-toggle,
*#dm div.dmContent div#scilmi-lp-embed .lp-filter-option {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
}

*#dm div.dmContent div#scilmi-lp-embed .scilmi-router-menu-title {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-legend-item {
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    color: #64748b !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-card-link,
*#dm div.dmContent div#scilmi-lp-embed .lp-card-link:hover {
    color: inherit !important;
    text-decoration: none !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-card-lp-link {
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    color: #64748b !important;
}

*#dm div.dmContent div#scilmi-lp-embed .lp-empty {
    font-size: 0.95rem !important;
    color: #64748b !important;
}

*#dm div.dmContent div#scilmi-lp-embed .btn,
*#dm div.dmContent div#scilmi-lp-embed .form-select {
    font-family: inherit !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
}