/* =========================================================
   BAPBI CURRICULUM SCRIPTURE
   Scripture additions only
   Works with css/styles.css and curriculum.css
========================================================= */

/* CURRICULUM AREA SCRIPTURE
   The HTML places this directly inside .curriculum-area,
   after .curriculum-area-content. Keep it across the full card.
*/

.curriculum-area > .scripture-reference {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin-top: 28px;
    padding: 20px 0 0 118px;
    border-top: 1px solid var(--border-light);
}

.curriculum-area > .scripture-reference p {
    max-width: 760px;
    margin: 0 0 5px;
    color: #6d6058;
    font-family: var(--font-serif);
    font-size: 1.05rem;
    font-style: italic;
    line-height: 1.55;
}

.curriculum-area > .scripture-reference span {
    display: block;
    color: var(--gold-dark);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* PROGRESSION SCRIPTURE */

.progression-scripture {
    max-width: 760px;
    margin: 34px auto 0;
    padding-top: 22px;
    border-top: 1px solid var(--border-dark);
}

.progression-scripture p {
    margin: 0 0 5px;
    color: var(--cream);
    font-family: var(--font-serif);
    font-size: 1.15rem;
    font-style: italic;
    line-height: 1.55;
}

.progression-scripture span {
    display: block;
    color: var(--gold-light);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* PURPOSE SCRIPTURE */

.purpose-scripture {
    margin-top: 34px;
    padding: 24px 0 0;
    border-top: 1px solid var(--border-light);
}

.purpose-scripture p {
    margin: 0 0 5px;
    color: #6d6058;
    font-family: var(--font-serif);
    font-size: 1.15rem;
    font-style: italic;
    line-height: 1.55;
}

.purpose-scripture span {
    display: block;
    color: var(--gold-dark);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

@media (max-width: 640px) {
    .curriculum-area > .scripture-reference {
        margin-top: 22px;
        padding: 18px 0 0;
    }

    .curriculum-area > .scripture-reference p,
    .progression-scripture p,
    .purpose-scripture p {
        font-size: 1rem;
    }

    .progression-scripture,
    .purpose-scripture {
        margin-top: 28px;
        padding-top: 18px;
    }
}