/* Home page — book tables (depends on app.css variables) */
.reader-navbar--home .reader-navbar-end .home-favorites-icon {
    font-size: 0.9rem;
}

.reader-navbar--home .reader-navbar-end .dropdown {
    display: flex;
    align-items: center;
}

.reader-navbar--home .reader-navbar-start .dropdown {
    display: flex;
    align-items: center;
}

.reader-navbar--home .reader-navbar-end > form {
    margin: 0;
    flex-shrink: 0;
}

/* button.search-return-link has line-height:1 in app.css — match anchor height */
.reader-navbar--home .reader-navbar-end > a.search-return-link,
.reader-navbar--home .reader-navbar-end > button.search-return-link,
.reader-navbar--home .reader-navbar-end > form > button.search-return-link,
.reader-navbar--home .reader-navbar-end .dropdown > button.search-return-link,
.reader-navbar--home .reader-navbar-start > .dropdown > button.search-return-link {
    min-height: 2.5rem;
    align-items: center;
    line-height: 1.25;
    box-sizing: border-box;
}

/* Navbar actions: icon-only below lg, pills with label from lg */
.reader-navbar--home .reader-navbar-end .search-return-link__label,
.reader-navbar--home .reader-navbar-start .search-return-link__label {
    display: none;
}

.reader-navbar--home .reader-navbar-start .home-store-link .search-return-link__label {
    display: none;
}

@media (min-width: 992px) {
    .reader-navbar--home .reader-navbar-end .search-return-link__label,
    .reader-navbar--home .reader-navbar-start .search-return-link__label {
        display: inline;
    }
}

@media (max-width: 991.98px) {
    .reader-navbar--home .reader-navbar-start > a.search-return-link,
    .reader-navbar--home .reader-navbar-start > .dropdown > button.search-return-link {
        max-width: none;
        width: var(--reader-icon-btn-size);
        height: var(--reader-icon-btn-size);
        min-height: var(--reader-icon-btn-size);
        padding: 0;
        border-radius: 50%;
        justify-content: center;
        gap: 0;
        line-height: 1.25;
        box-sizing: border-box;
    }

    .reader-navbar--home .reader-navbar-start > a.search-return-link .bi,
    .reader-navbar--home .reader-navbar-start > .dropdown > button.search-return-link .bi {
        font-size: var(--reader-icon-btn-glyph);
        line-height: 1;
        opacity: 0.9;
    }

    .reader-navbar--home .reader-navbar-end > a.search-return-link,
    .reader-navbar--home .reader-navbar-end > button.search-return-link,
    .reader-navbar--home .reader-navbar-end > form > button.search-return-link,
    .reader-navbar--home .reader-navbar-end .dropdown > button.search-return-link {
        max-width: none;
        width: var(--reader-icon-btn-size);
        height: var(--reader-icon-btn-size);
        padding: 0;
        border-radius: 50%;
        justify-content: center;
        gap: 0;
    }

    .reader-navbar--home .reader-navbar-end > a.search-return-link .bi,
    .reader-navbar--home .reader-navbar-end > button.search-return-link .bi,
    .reader-navbar--home .reader-navbar-end > form > button.search-return-link .bi,
    .reader-navbar--home .reader-navbar-end .dropdown > button.search-return-link .bi {
        font-size: var(--reader-icon-btn-glyph);
        line-height: 1;
        opacity: 0.9;
    }

    .reader-navbar--home .reader-navbar-end .home-favorites-icon {
        font-size: 1.05rem;
    }
}

.reader-container--home {
    padding-top: 1rem;
}


.continue-reading-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-family: var(--reader-font-sans);
    font-size: 1rem;
    font-weight: 500;
    color: #8f4a00;
    text-decoration: none;
    transition: color 0.1s ease;
}

body.dark-mode .continue-reading-link {
    color: #c48962;
}

.reader-content .home-books-grid .toc-link {
    display: block;
    min-width: 0;
    text-decoration: none;
    color: inherit;
    font-weight: 500;
    font-size: inherit;
    font-family: var(--reader-font-sans);
    line-height: inherit;
    transition: color 0.1s ease;
}

@media (max-width: 575.98px) {
    .continue-reading-link__label {
        display: none;
    }
}

.continue-reading-link__arrow {
    font-size: 1rem;
    line-height: 1;
}

.continue-reading-link:hover {
    color: #b85c00;
    text-decoration: none;
}

body.dark-mode .continue-reading-link:hover {
    color: #e6a177;
}

.reader-content .home-books-grid .toc-link:hover {
    color: #b85c00;
}

body.dark-mode .reader-content .home-books-grid .toc-link:hover {
    color: #e6a177;
}

.reader-settings-dropdown--home.dropdown-menu {
    padding-bottom: 1rem;
}

@media (min-width: 992px) {
    .reader-navbar--home .reader-nav-more-dropdown.dropdown-menu {
        min-width: 12.5rem;
        padding: 0.4rem;
    }

    .reader-navbar--home .reader-nav-more-item {
        padding: 0.65rem 0.8rem;
        font-size: 0.9375rem;
        border-radius: 0.65rem;
    }

    .reader-navbar--home .reader-nav-more-item .bi {
        font-size: 1.1rem;
    }
}

.home-bible-header__continue:not([hidden]) {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
    justify-self: end;
}


.reader-content .home-testament-section + .home-testament-section {
    margin-top: 2rem;
}

.reader-content .home-testament-marker {
    margin: 0 0 0.35rem;
    font-family: var(--reader-font-sans);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: none;
    color: #b85c00;
}

body.dark-mode .reader-content .home-testament-marker {
    color: #c48962;
}

.reader-content .home-testament-divider {
    margin: 0 0 1.25rem;
    border: 0;
    border-top: 1px solid var(--reader-border-light);
    opacity: 1;
}

body.dark-mode .reader-content .home-testament-divider {
    border-top-color: var(--reader-border-dark);
}

.reader-content .home-books-grid {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(var(--home-books-rows-sm, 20), auto);
    row-gap: 0.8rem;
    column-gap: 0.75rem;
    font-family: var(--reader-font-sans);
    font-size: 1rem;
    line-height: 1.4;
}

@media (min-width: 576px) {
    .reader-content .home-books-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(var(--home-books-rows-md, 13), auto);
    }
}