/* Shared page hero bands (Unsplash backgrounds + readable overlay). Dark-theme friendly. */

.page-hero {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    min-height: 168px;
    background-size: cover;
    background-position: center;
    margin-bottom: 1.25rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}

.page-hero--compact {
    min-height: 128px;
}

.page-hero--tall {
    min-height: 220px;
}

.page-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        118deg,
        rgba(12, 16, 22, 0.94) 0%,
        rgba(18, 24, 32, 0.78) 42%,
        rgba(30, 38, 48, 0.45) 100%
    );
    pointer-events: none;
}

.page-hero-inner {
    position: relative;
    z-index: 1;
    padding: 1.35rem 1.5rem;
    max-width: 42rem;
}

@media (min-width: 960px) {
    .page-hero-inner {
        padding: 1.75rem 2rem;
    }
}

.page-hero-credit {
    font-size: 0.65rem;
    line-height: 1.35;
    opacity: 0.5;
    margin: -0.5rem 0 1.25rem;
    text-align: right;
}

.page-hero-credit a {
    color: inherit;
    text-decoration: underline;
}

.page-hero-credit a:hover {
    opacity: 0.85;
}

/* Scripture reading typography (used by Read Bible + Passage) */
.read-bible-passage {
    max-width: 46rem;
    margin: 0 auto;
}

.read-bible-passage .biblepassage {
    font-family: "Literata", "Georgia", "Times New Roman", serif;
    font-size: 1.125rem;
    line-height: 1.8;
    letter-spacing: 0.01em;
}

.read-bible-passage .verse-number {
    display: inline;
    color: var(--mud-palette-primary, #e4bc5e);
    font-weight: 600;
    font-size: 0.82em;
    font-family: "DM Sans", "Roboto", sans-serif;
    margin-right: 0.2rem;
    opacity: 0.95;
    user-select: none;
    vertical-align: baseline;
}

.read-bible-verse-wrap {
    display: inline;
}

.read-bible-verse-highlight {
    background-color: rgba(228, 188, 94, 0.14);
    border-radius: 6px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0.12em 0.2em;
}
