/* ======================================================
   Divine Healing — individual teaching skin
   Extracted from page-divine-healing-is-spiritual.hbs in Phase 4.
   ====================================================== */

/* =========================================================
   DIVINE HEALING — INDIVIDUAL TEACHING
   END-OF-ARTICLE FIX
   ========================================================= */


/* =========================================================
   SHARED TEACHING STRUCTURE — HEALING SKIN
   The structure now matches the Prayer teaching template while
   the Healing palette and left-aligned visual language remain intact.
   ========================================================= */

.dh-teaching-back {
    display: inline-flex;
    align-items: center;
    margin: 0 0 24px;
    color: rgba(226, 184, 100, .78);
    font-family: Arial, Helvetica, sans-serif;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s ease;
}

.dh-teaching-back:hover {
    color: #f1d496;
}

.dh-teaching-series {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0 0 14px;
}

.dh-teaching-series__label {
    color: var(--dh-honey-light);
    font-family: Arial, Helvetica, sans-serif;
    font-size: .70rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .24em;
    text-transform: uppercase;
}

.dh-teaching-series__dot {
    color: rgba(201, 150, 63, .48);
    font-size: .48rem;
    line-height: 1;
}

@media (max-width: 640px) {
    .dh-teaching-back {
        margin-bottom: 19px;
        font-size: .58rem;
    }

    .dh-teaching-series {
        gap: 7px;
        margin-bottom: 12px;
    }

    .dh-teaching-series__label {
        font-size: .62rem;
        letter-spacing: .20em;
    }
}


/* =========================================================
   TEACHING WRAPPER
   ========================================================= */

.dh-page .dh-teaching {

    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;

    padding:
        18px
        24px
        34px !important;
}


.dh-page .dh-teaching__inner {

    min-height: 0 !important;
    height: auto !important;

    margin:
        0
        auto !important;

    padding: 0 !important;
}



/* =========================================================
   FINAL WORD
   ========================================================= */

.dh-page .dh-scripture-climax {

    margin:
        42px
        auto
        0 !important;

    min-height: 0 !important;
    height: auto !important;
}



/* =========================================================
   REMOVE TRAILING EMPTY GHOST BLOCKS
   ========================================================= */

.dh-page
.dh-teaching__inner > p:empty {

    display: none !important;
}


.dh-page
.dh-teaching__inner > p:has(> br:only-child) {

    display: none !important;
}


.dh-page
.dh-teaching__inner > div:empty {

    display: none !important;
}


.dh-page
.dh-teaching__inner > div:has(> br:only-child) {

    display: none !important;
}



/* =========================================================
   LAST REAL CONTENT BLOCK
   ========================================================= */

.dh-page
.dh-teaching__inner > *:last-child {

    margin-bottom: 0 !important;
}



/* =========================================================
   NAVIGATION
   Same geometry as Spirit of Prayer
   ========================================================= */

.dh-teaching-navigation {

    margin: 0 !important;

    padding:
        36px
        24px
        55px;

    background:
        #090705;

    border-top:
        1px solid
        rgba(181,138,67,.18);
}


.dh-teaching-navigation__inner {

    width:
        min(980px,100%);

    margin:
        0
        auto;

    display:
        grid;

    grid-template-columns:
        1fr
        1fr;

    border:
        1px solid
        rgba(181,138,67,.28);
}



/* =========================================================
   RETURN TO SERIES
   ========================================================= */

.dh-teaching-navigation__series {

    min-height:
        145px;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        30px
        35px;

    text-decoration:
        none;

    border-right:
        1px solid
        rgba(181,138,67,.24);

    background:
        rgba(28,18,10,.28);

    transition:
        background .25s ease;
}


.dh-teaching-navigation__series:hover {

    background:
        rgba(181,138,67,.07);
}



/* =========================================================
   NEXT TEACHING
   ========================================================= */

.dh-teaching-navigation__next {

    min-height:
        145px;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        30px
        35px;

    text-align:
        right;

    opacity:
        .48;

    background:
        rgba(10,7,5,.24);
}



/* =========================================================
   NAV LABEL
   ========================================================= */

.dh-teaching-navigation__small {

    display:
        block;

    margin-bottom:
        9px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        .54rem;

    font-weight:
        600;

    letter-spacing:
        .22em;

    color:
        rgba(210,174,104,.80);
}



/* =========================================================
   NAV TITLE
   ========================================================= */

.dh-teaching-navigation strong {

    display:
        block;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            1.25rem,
            2.5vw,
            1.75rem
        );

    line-height:
        1.2;

    font-weight:
        400;

    color:
        #efe4cd;
}



/* =========================================================
   FOOTER
   ========================================================= */

.dh-page .dh-ending {

    margin-top:
        0 !important;

    border-top:
        1px solid
        rgba(181,138,67,.18);
}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 820px) {

    .dh-page .dh-teaching {

        padding:
            16px
            22px
            30px !important;
    }


    .dh-teaching-navigation {

        padding:
            32px
            20px
            48px;
    }

}



/* =========================================================
   PHONE
   ========================================================= */

@media (max-width: 600px) {

    .dh-page .dh-teaching {

        padding:
            10px
            18px
            26px !important;
    }


    .dh-page .dh-scripture-climax {

        margin:
            34px
            0
            0 !important;
    }


    .dh-teaching-navigation {

        padding:
            28px
            14px
            40px;
    }


    .dh-teaching-navigation__inner {

        grid-template-columns:
            1fr;
    }


    .dh-teaching-navigation__series {

        min-height:
            120px;

        padding:
            26px
            25px;

        border-right:
            0;

        border-bottom:
            1px solid
            rgba(181,138,67,.22);
    }


    .dh-teaching-navigation__next {

        min-height:
            120px;

        padding:
            26px
            25px;

        text-align:
            left;
    }

}