/* ---------------------------------------------------------------------------
   Book_Believers_Authority — per-book styling (loaded after style.css).
   Two things the engine has no rule for, both left behind by the v1 chapter
   files this book was migrated from.
   --------------------------------------------------------------------------- */

/* 1. Picture band — <div class="carousel">
   The v1 files group two or three pictures in a "carousel" div. Nothing in the
   engine styles it, so every picture inside kept its own float:right and they
   stacked down the right edge with no text beside them. Here the group becomes
   one full-width band of equal pictures, clear of the text above and below. */
.chapter-text .carousel {
    clear: both;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin: 1.6rem 0;
    align-items: start;
}
.chapter-text .carousel > div { margin: 0; }
.chapter-text .carousel .chapter-image {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0;
}
@media (max-width: 600px) {
    .chapter-text .carousel { grid-template-columns: 1fr; gap: 1.2rem; }
}

/* 2. Scripture citation — <p class="verse-ref">
   The printed book sets the reference in caps above the quoted passage. The v1
   splitter marked those lines <h3>, so the engine read a citation as a section
   heading: it cleared floats, broke the page rhythm and repeated the sentence
   just above it. This is the same line, typed as a citation instead. */
.chapter-text .verse-ref {
    margin: 1.4rem 0 .4rem;
    text-align: start;
    font-size: .9rem;
    letter-spacing: .04em;
    color: var(--c-text-muted);
}
.chapter-text .verse-ref strong,
.chapter-text .verse-ref strong > a { font-weight: 700; color: inherit; }
.chapter-text .verse-ref + blockquote { margin-top: 0; }

/* The cover's "Start Reading →" line, shown until the reader has a chapter to
   resume (script.js hides it and fills #cover-resume instead). */
.cover-resume .start-link { font-weight: 700; }
