/*
 * DFB Kommentarer - commentary-specific styles ONLY.
 *
 * The nav bar, selects, megamenu and Vis button are styled by the shared
 * dfb-laesning.css (enqueued as a dependency), so they are identical to the
 * Greek NT reader. Do NOT redefine .dfb-nav / .dfb-select / .dfb-mega-* /
 * .dfb-btn-vis here — that would override the shared styling and break the
 * "100% same colour and form" requirement.
 *
 * Only commentary content (intro box, prose verse text) is styled below.
 */

/* Commentary selector dropdown (single line, above the nav) */
.dfb-kom-commentary-bar {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-bottom: 1rem;
    max-width: 360px;
}

/* Intro / preamble block from the commentary */
.dfb-kom-introduction {
    background: #faf7f5;
    border-left: 3px solid #8B3A3A;
    padding: 1.1rem 1.25rem;
    margin-bottom: 1.75rem;
    line-height: 1.75;
    color: #444;
    font-size: .95rem;
}

/* Commentary verses are prose (Latin script), unlike the Greek reader, so
   override only the text font/size — the wrap/num layout is inherited. */
.dfb-kom-vers-liste .dfb-vers-tekst {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.8;
    color: #2b2b2b;
}