.home-page { max-width: none; padding: 0; font-family: system-ui, sans-serif; font-size: 1rem; line-height: 1.5; background: #f7f6f2; }
.home-banner { color: #273532; background: #ddd9ce url('/header-pattern.svg') center 42% / cover no-repeat; border-bottom: .3rem solid #8d7559; }
.home-banner-inner { max-width: 76rem; min-height: 7rem; margin: auto; padding: .8rem clamp(1rem,4vw,2rem); display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; }
.home-brand { display: inline-flex; align-items: center; gap: .7rem; padding: .4rem .6rem; border-radius: .45rem; background: #efece5dd; font: 700 clamp(1.5rem,3vw,2.2rem)/1.1 Georgia,serif; letter-spacing: -.03em; color: #283c38; text-decoration: none; }
.home-brand svg { flex: none; color: #785d3e; }
.home-banner nav { display: flex; flex-wrap: wrap; gap: .3rem 1.2rem; }
.home-banner nav a { color: #253b36; background: #efece5dd; border-radius: .25rem; text-decoration: none; font-size: .95rem; font-weight: 650; padding: .45rem .3rem; }
.home-banner nav a:hover { text-decoration: underline; }
.home-menu { position: relative; align-self: center; font: 650 .95rem/1.5 system-ui,sans-serif; }
.home-menu summary { cursor: pointer; padding: .45rem .4rem; color: #253b36; background: #efece5dd; border-radius: .25rem; }
.home-menu > div { position: absolute; z-index: 5; right: 0; min-width: 12rem; padding: .4rem; background: #f8f6ef; border: 1px solid #c3b69f; border-radius: .4rem; box-shadow: 0 .4rem 1rem #23332d22; }
.home-menu > div a { display: block; }
@media(max-width: 42rem) { .home-menu[open] { flex-basis: 100%; } .home-menu > div { position: static; min-width: 0; margin-top: .3rem; } }
.information-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap: 1rem; margin-block: 1.5rem; }
.information-links { margin-top: 1rem; }
.home-main { max-width: 76rem; margin: 0 auto; padding: clamp(1rem,3vw,2rem); }
.home-intro { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .6rem .2rem 1.4rem; }
.home-eyebrow { margin: 0 0 .3rem; color: #8a6636; font: 700 .76rem/1.3 system-ui,sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.home-intro h1 { margin: 0 0 .3rem; font: 600 clamp(1.9rem,4vw,2.8rem)/1.12 Georgia,serif; color: #222b2e; }
.home-intro-heading { margin: 0 0 .3rem; font: 600 clamp(1.9rem,4vw,2.8rem)/1.12 Georgia,serif; color: #222b2e; }
.js-ready .home-edition-select button { display: none; }
.home-intro p:last-child { margin: 0; color: #596368; }
.home-continue,.home-reference button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 2.8rem; padding: .55rem 1rem; border: 1px solid #295c56; border-radius: .55rem; background: #295c56; color: #fff; text-decoration: none; font: 600 .95rem/1.3 system-ui,sans-serif; cursor: pointer; }
.home-continue:hover,.home-reference button:hover { background: #19443f; color: #fff; }
.home-card { background: #fff; border: 1px solid #e1e2de; border-radius: .85rem; box-shadow: 0 .3rem 1.5rem #23332d0b; padding: clamp(1rem,3vw,2rem); }
.home-layout { display: grid; grid-template-columns: minmax(0,1fr) 15.5rem; align-items: start; gap: 1rem; }
.home-layout .home-card { min-width: 0; }
.home-books { min-height: 0; }
.home-sidebar { display: grid; gap: .8rem; }
.sidebar-card { padding: .85rem; border: 1px solid #e1e2de; border-radius: .75rem; background: #fff; }
.sidebar-card h2 { margin: .25rem 0 .4rem; color: #25443e; font: 600 1.2rem/1.25 Georgia,serif; }
.resource-card summary { color: #25443e; font: 600 1.2rem/1.25 Georgia,serif; cursor: pointer; }
.resource-card[open] summary { margin-bottom: .6rem; }
.sidebar-card p { margin: 0 0 .7rem; color: #54625e; font-size: .9rem; }
.sidebar-card a { color: #275950; font-weight: 600; }
.sidebar-card ul { margin: .4rem 0 0; padding-left: 1.2rem; font-size: .9rem; }
.sidebar-card li + li { margin-top: .45rem; }
.psalm-card { background: #e9eee7; }
.psalm-card svg { color: #5c7a6c; }
.psalm-links { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .5rem; }
.psalm-links a { min-width: 2.2rem; padding: .27rem .4rem; border: 1px solid #bbd0c2; border-radius: .35rem; background: #fff; text-align: center; text-decoration: none; }
.psalm-links a:hover { background: #d7eadb; }
.psalm-select { margin-top: .6rem; font-size: .85rem; }
.psalm-select label { display: block; font-weight: 650; color: #34403e; }
.psalm-select div { display: flex; gap: .4rem; margin-top: .25rem; }
.psalm-select select,.psalm-select button { min-height: 2.3rem; padding: .3rem .5rem; border: 1px solid #9fb4a6; border-radius: .4rem; background: #fff; color: #25443e; font: inherit; }
.psalm-select button { cursor: pointer; font-weight: 650; }
.plan-preview { max-height: 10rem; overflow: auto; margin: .45rem 0 .6rem; }
.plan-group { border-top: 1px solid #e1e6e1; }
.plan-group summary { padding: .3rem 0; color: #294a42; font-size: .88rem; font-weight: 700; cursor: pointer; }
.plan-group ul { margin: .2rem 0 .55rem; padding: 0; list-style: none; }
.plan-group li { display: grid; gap: .02rem; margin: 0 0 .35rem; line-height: 1.3; }
.plan-slot { color: #52615b; font-size: .72rem; }
.plan-unavailable { color: #66716e; font-size: .83rem; }
.plan-card .plan-more { display: inline-block; margin-top: .2rem; font-size: .88rem; }
@media(min-width: 65rem) and (min-height: 42rem) { .psalm-card p { display: none; } .psalm-links { margin-top: .25rem; gap: .2rem; } .psalm-links a { min-width: 1.8rem; padding: .18rem .2rem; font-size: .84rem; } }
.home-card h2,.home-aside h2 { margin: 0 0 .25rem; font: 600 1.35rem/1.25 Georgia,serif; color: #242d2f; }
.home-card p { margin: 0; color: #5d6669; font-size: .94rem; }
.home-reference { margin: 1.2rem 0 1.8rem; }
.home-text-search { margin-top: -1rem; }
.home-searches { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.home-edition-select { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; margin-top: 1rem; }
.home-edition-select label { font-weight: 650; color: #303a3c; }
.home-edition-select select { min-height: 2.7rem; max-width: min(100%,28rem); padding: .45rem .65rem; border: 1px solid #aab4b0; border-radius: .55rem; background: #fff; color: #1f292c; font: inherit; }
.home-edition-select button { min-height: 2.7rem; padding: .45rem .75rem; border: 1px solid #295c56; border-radius: .55rem; background: #295c56; color: #fff; font: 600 .9rem system-ui,sans-serif; cursor: pointer; }
.home-compare { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin-top: .6rem; font-size: .9rem; }
.home-compare fieldset { display: flex; flex-wrap: wrap; gap: .4rem .8rem; min-width: 0; margin: 0; padding: .25rem .6rem .4rem; border: 1px solid #d6e0da; border-radius: .5rem; }
.home-compare legend { padding: 0 .2rem; font-weight: 650; color: #34403e; }
.home-compare label { display: inline-flex; align-items: center; gap: .25rem; color: #34403e; }
.home-compare input { accent-color: #295c56; }
.home-compare button { min-height: 2.4rem; padding: .35rem .7rem; border: 1px solid #295c56; border-radius: .5rem; background: #fff; color: #295c56; font-weight: 650; cursor: pointer; }
.home-searches .home-reference { min-width: 0; margin: .85rem 0 1rem; }
.home-searches .home-reference small { line-height: 1.25; }
.home-reference label,.book-filter-label { display: block; margin: 0 0 .4rem; font-weight: 650; color: #303a3c; }
.home-search-row { display: flex; gap: .6rem; }
.home-search-row input,.book-filter { min-width: 0; min-height: 2.9rem; padding: .55rem .8rem; border: 1px solid #aab4b0; border-radius: .55rem; background: #fff; color: #1f292c; font: inherit; }
.home-search-row input { flex: 1; }
.home-search-row input:focus,.book-filter:focus { border-color: #295c56; }
.home-search-row button svg { flex: none; }
.home-reference small { display: block; margin-top: .35rem; color: #626d70; }
.home-directory-head { display: flex; align-items: end; justify-content: space-between; gap: .8rem; border-top: 1px solid #e0e5e2; padding-top: 1.35rem; }
.group-toggle { display: none; align-items: center; gap: .55rem; white-space: nowrap; cursor: pointer; font-size: .88rem; color: #34403e; }
.js-ready .group-toggle { display: inline-flex; }
.group-toggle input { width: 1.1rem; height: 1.1rem; accent-color: #295c56; }
.book-filter-label { margin-top: 1.15rem; font-size: .88rem; }
.book-filter { width: min(100%,23rem); }
.home-page:not(.js-ready) .book-filter-label,.home-page:not(.js-ready) .book-filter { display: none; }
.home-unavailable { margin: 1rem 0 !important; padding: .8rem; border-radius: .4rem; background: #fff2d9; }
.testament-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.7rem; margin-top: 1.4rem; }
.testament h3 { margin: 0 0 .55rem; padding-bottom: .6rem; border-bottom: 2px solid #bfa170; color: #274f49; font: 650 1.22rem/1.25 Georgia,serif; }
.book-group { border-bottom: 1px solid #e8ebe8; }
.book-group > summary { display: flex; justify-content: space-between; align-items: center; list-style: none; padding: .65rem .15rem; font-weight: 650; color: #34423f; cursor: pointer; }
.book-group > summary::-webkit-details-marker { display: none; }
.book-group ul { margin: 0 0 .5rem; padding: 0; list-style: none; columns: 2; column-gap: .85rem; }
.book-item { break-inside: avoid; margin-bottom: .12rem; }
.book-line { display: flex; align-items: flex-start; gap: .25rem; min-height: 2.15rem; border-radius: .35rem; }
.book-line:hover { background: #f2f6f3; }
.book-chapters { flex: 1; min-width: 0; }
.book-open { padding: .35rem .3rem; color: #254e49; text-align: left; font: inherit; cursor: pointer; }
.book-open:hover { text-decoration: underline; }
.book-first { padding: .4rem .3rem; font-size: .73rem; white-space: nowrap; text-decoration: none; opacity: .75; }
.book-first:hover { opacity: 1; text-decoration: underline; }
.book-disabled { padding: .35rem .3rem; color: #717c7e; }
.chapter-picker { padding: .5rem; margin: .15rem 0 .6rem; border: 1px solid #d9e2dc; border-radius: .4rem; background: #f7faf7; font-size: .85rem; }
.chapter-picker > span { display: block; margin-bottom: .4rem; font-weight: 600; }
.chapter-picker > div { display: flex; flex-wrap: wrap; gap: .3rem; }
.chapter-picker a { display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; min-height: 2rem; padding: .15rem; border: 1px solid #c9d6cd; border-radius: .3rem; background: #fff; color: #234e47; text-decoration: none; }
.chapter-picker a:hover { background: #e5f1e9; }
.search-main { max-width: 64rem; }
.search-main h1 { font: 600 clamp(1.8rem,4vw,2.4rem)/1.2 Georgia,serif; }
.text-search-form { margin: 1.4rem 0; }
.text-search-form > label { display: block; font-weight: 650; margin-bottom: .4rem; }
.search-options { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.5rem; margin-top: .9rem; font-size: .94rem; }
.search-options label { display: inline-flex; align-items: center; gap: .4rem; }
.search-options select { max-width: 15rem; min-height: 2.4rem; padding: .25rem .5rem; border: 1px solid #aab4b0; border-radius: .4rem; color: #253333; background: #fff; font: inherit; }
.search-options input { accent-color: #295c56; width: 1.1rem; height: 1.1rem; }
.search-results h2 { font: 600 1.4rem/1.3 Georgia,serif; }
.search-results h2 span { color: #63706a; font: 500 1rem/1.4 system-ui,sans-serif; }
.search-results ol { list-style: none; padding: 0; }
.search-results li { padding: .9rem 0; border-bottom: 1px solid #dce3df; }
.search-results li a { font-weight: 700; color: #275950; }
.search-results li p { margin: .3rem 0 0; font: 1.08rem/1.55 "Source Serif 4",Georgia,serif; }
.search-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.5rem; margin-block: 1.5rem; }
.search-pagination a { color: #275950; font-weight: 700; }
@media(max-width: 55rem) { .book-group ul { columns: 1; } }
@media(max-width: 64rem) { .home-layout { grid-template-columns: 1fr; } .home-sidebar { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width: 48rem) { .home-searches { grid-template-columns: 1fr; gap: 0; } }
@media(max-width: 42rem) { .home-intro { align-items: flex-start; flex-direction: column; } .testament-grid { grid-template-columns: 1fr; gap: 1.25rem; } .book-group ul { columns: 2; } .home-search-row { flex-direction: column; } .home-search-row button { align-self: stretch; } .home-sidebar { grid-template-columns: 1fr; } }
@media(max-width: 25rem) { .book-group ul { columns: 1; } .home-directory-head { align-items: flex-start; flex-direction: column; } }

/* Reader directory: natural page flow, with native disclosures and no nested scrolling. */
.home-intro { align-items: end; }
.home-title-edition { min-width: 0; }
.home-title-edition .home-edition-select { margin: .45rem 0 0; }
.home-intro-reference { width: min(100%,50rem); margin: .8rem 0 0; }
.home-layout { display: grid; grid-template-columns: minmax(0,1fr) 15.5rem; align-items: start; gap: 1rem; }
.home-layout .home-card { min-width: 0; }
.home-sidebar { display: grid; gap: .8rem; }
.home-card { margin-bottom: 1rem; }
.home-books { overflow: visible; height: auto; }
.testament-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: .65rem; margin-top: 1rem; }
.testament { min-width: 0; border: 1px solid #dfe5e1; border-radius: .55rem; background: #fbfcfa; }
.testament > summary { padding: .7rem .85rem; color: #274f49; font: 650 1.18rem/1.3 Georgia,serif; cursor: pointer; }
.testament-content { display: block; padding: .1rem .85rem .9rem; }
.book-group { min-width: 0; margin-top: .55rem; border: 0; }
.book-group h3 { margin: .4rem 0 .25rem; padding: 0 0 .25rem; border-bottom: 1px solid #d8e2db; color: #34423f; font: 650 .91rem/1.3 system-ui,sans-serif; }
.book-group ul { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .1rem .5rem; margin: 0; }
.home-page.js-ready:not(.grouped) .book-group h3 { display: none; }
.book-item[hidden], .book-group[hidden], .testament[hidden] { display: none !important; }
.home-searches .home-reference { margin-block: .7rem; }
.home-reference button { min-height: 2.65rem; }
.autocomplete-wrap { position: relative; }
.reference-suggestions { position: absolute; z-index: 8; top: calc(100% + .15rem); left: 0; width: min(100%,32rem); max-height: 18rem; overflow-y: auto; margin: 0; padding: .25rem; list-style: none; border: 1px solid #aab4b0; border-radius: .45rem; background: white; box-shadow: 0 .35rem 1rem #23332d22; }
.reference-suggestions li { padding: .45rem .55rem; border-radius: .25rem; cursor: pointer; }
.reference-suggestions li[aria-selected="true"], .reference-suggestions li:hover { background: #e6f0e9; }
@media(min-width: 55.01rem) { .testament-grid.both-testaments-open, .home-page.both-testaments-open .testament-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .home-page.both-testaments-open .testament-content { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width: 64rem) { .book-group ul { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width: 42rem) { .book-group ul { grid-template-columns: repeat(2,minmax(0,1fr)); } .home-intro { align-items: flex-start; } .home-edition-select { width: 100%; } }
@media(max-width: 64rem) { .home-layout { grid-template-columns: 1fr; } .home-sidebar { grid-template-columns: 1fr; } }
@media(max-width: 42rem) { .home-intro { flex-direction: column; } .home-intro-reference { width: 100%; } }
@media(min-width: 55.01rem) { .home-page.both-testaments-open .book-group ul { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width: 25rem) { .book-group ul { grid-template-columns: 1fr; } }

/* Homepage review refinement: compact search, flat book list and date picker. */
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.home-directory-head { display: block; }
.directory-controls { display: block; margin-top: .6rem; }
.directory-controls .book-filter { width: min(23rem,100%); }
.home-intro-reference { margin: .35rem 0 1.15rem; }
.home-intro-reference .search-tabs { gap: .25rem; margin: 0; }
.home-intro-reference .search-tabs button { border-radius: .4rem .4rem 0 0; }
.home-intro-reference .home-search-row { position: relative; display: block; }
.home-intro-reference .home-search-row input { display: block; width: 100%; min-height: 2.8rem; box-sizing: border-box; padding-right: 2.8rem; border-radius: 0 .45rem .45rem .45rem; }
.home-intro-reference .home-search-row button { position: absolute; top: 0; right: 0; display: grid; width: 2.7rem; min-width: 2.7rem; min-height: 2.8rem; place-items: center; padding: 0; border: 0; border-radius: 0 .4rem .4rem 0; background: transparent; color: #35433f; font: 1.6rem/1 "Segoe UI Symbol",system-ui,sans-serif; }
.home-intro-reference .home-search-row button:hover { background: #edf2ef; color: #1f3430; }
.home-intro-reference small { margin-top: .22rem; }
.home-page:not(.grouped) .testament > summary { display: none; }
.home-page:not(.grouped) .testament h3 { display: none; }
.plan-date-form { display: grid; grid-template-columns: minmax(0,1fr) 2.6rem; align-items: center; gap: .35rem; }
.plan-date-form label { display: none; }
.plan-date-form .plan-date-display { min-width: 0; width: 100%; min-height: 2.25rem; box-sizing: border-box; padding: .25rem .4rem; border: 1px solid #aab4b0; border-radius: .35rem; background: white; color: #24312d; font: inherit; font-variant-numeric: tabular-nums; }
.plan-date-form input[type="date"] { width: 2.6rem; min-width: 2.6rem; padding: .25rem; }
.plan-date-form input[type="date"]::-webkit-datetime-edit { display: none; }
.plan-date-form input[type="date"] { color: transparent; }
.plan-date-form input[type="date"]::-webkit-calendar-picker-indicator { opacity: 1; }
.plan-date-form input[type="hidden"] { display: none; }
.home-page.js-ready .plan-date-fallback { display: none; }
.plan-date-fallback { grid-column: 1 / -1; min-height: 2.1rem; }
.plan-chapter-menu:not([hidden]) { grid-template-columns: repeat(10,minmax(0,1fr)); width: max-content; max-width: min(18rem,calc(100vw - 2rem)); box-sizing: border-box; }
.plan-chapter-menu.plan-columns-1 { grid-template-columns: repeat(1,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-2 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-3 { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-4 { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-5 { grid-template-columns: repeat(5,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-6 { grid-template-columns: repeat(6,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-7 { grid-template-columns: repeat(7,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-8 { grid-template-columns: repeat(8,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-9 { grid-template-columns: repeat(9,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-10 { grid-template-columns: repeat(10,minmax(0,1fr)) !important; }
.plan-more { display: none !important; }
@media(max-width: 30rem) { .home-intro-reference .home-search-row { flex-direction: initial; } .home-intro-reference .home-search-row button { align-self: initial; } }

.home-intro { display: block; width: min(100%,50rem); }
body.home-page { --page: #f7f6f2; --surface: #fff; --text: #24272c; --muted: #565d66; --border: #727984; --link:#174f9b; --focus:#0b4fae; --selection:#f5df9a; --selection-text:#292417; color-scheme: light; color: var(--text); background: var(--page); }
.home-title-edition .home-edition-select { align-items: center; flex-wrap: wrap; width: 100%; max-width: 100%; min-width: 0; margin: 0; gap: .35rem; }
.home-title-edition .home-edition-select label { color: #8a6636; font: 700 .76rem/1.3 system-ui,sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.home-title-edition .home-edition-select select { font-size: 1rem; font-weight: 650; }
.home-title-edition .home-edition-select select { min-width: 0; max-width: 100%; }
.search-tabs { display: flex; gap: .3rem; margin-bottom: .45rem; }
.search-tabs button { min-height: 2.35rem; padding: .35rem .65rem; border: 1px solid #b8c3bd; border-radius: .4rem; background: #fff; color: #30423d; font: 600 .88rem/1.2 system-ui,sans-serif; cursor: pointer; }
.search-tabs button[aria-selected="true"] { border-color: #295c56; background: #eaf2ec; color: #214c44; }
.home-page:not(.js-ready) #reference-tab { display: none; }
.home-search-row button { display: inline-flex; min-width: 2.9rem; min-height: 2.9rem; align-items: center; justify-content: center; border: 1px solid #295c56; border-radius: .55rem; background: #295c56; color: white; font: 1.45rem/1 "Segoe UI Symbol",system-ui,sans-serif; cursor: pointer; }
.home-directory-head { align-items: end; }
.home-directory-head { position: relative; padding-top: 2.7rem; }
.directory-controls { display: flex; align-items: end; flex-wrap: wrap; justify-content: flex-start; gap: .45rem .7rem; width: 100%; }
.directory-controls .book-filter-label { margin: 0; }
.directory-controls .book-filter { width: min(12rem,40vw); min-height: 2.35rem; }
.directory-controls .group-toggle { position: absolute; top: .65rem; right: .85rem; margin: 0; padding: .15rem .3rem; background: #fff; }
.group-toggle { gap: .35rem; }
.group-toggle input { order: 2; }
.home-card-head { display: none; }
.chapter-picker { position: absolute; z-index: 15; top: calc(100% + .15rem); left: 0; width: min(20rem,78vw); box-sizing: border-box; margin: 0; padding: .6rem; box-shadow: 0 .4rem 1.2rem #172b2430; }
.book-chapters { position: relative; }
.chapter-picker > div { display: grid; grid-template-columns: repeat(10,minmax(1.2rem,1fr)); gap: .3rem; }
.chapter-picker a { min-width: 0; min-height: 2.25rem; padding: .15rem; }
.plan-preview { max-height: none; overflow: visible; }
.plan-date-form { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: .4rem; margin: .5rem 0 .7rem; font-size: .82rem; }
.plan-date-form label { grid-column: 1 / -1; }
.plan-date-form label { font-weight: 650; }
.plan-date-form input[type="date"] { min-width: 0; min-height: 2.25rem; padding: .2rem; border: 1px solid #aab4b0; border-radius: .35rem; background: #fff; color: #24312d; font: inherit; }
.plan-date-form input[type="hidden"] { display: none; }
.plan-date-form button { min-height: 2.25rem; padding: .25rem .45rem; border: 1px solid #295c56; border-radius: .35rem; background: #295c56; color: white; font: 600 .8rem system-ui,sans-serif; cursor: pointer; }
.plan-group li { position: relative; display: block; padding-block: .2rem; }
.plan-reference-picker { display: inline-block; position: relative; }
.plan-chapter-menu:not([hidden]) { position: absolute; z-index: 12; top: calc(100% + .1rem); left: 0; display: grid; grid-template-columns: repeat(10,minmax(1.8rem,1fr)); gap: .25rem; width: min(18rem,75vw); padding: .5rem; border: 1px solid #c9d6cd; border-radius: .4rem; background: #fff; box-shadow: 0 .35rem 1rem #23332d22; }
.plan-chapter-menu a { display: grid; min-height: 2rem; place-items: center; border-radius: .25rem; background: #f5f8f5; text-decoration: none; }
@media(max-width: 30rem) { .directory-controls { justify-content: flex-start; } .directory-controls .book-filter { width: 100%; } .plan-date-form { grid-template-columns: 1fr auto; } .plan-date-form label { grid-column: 1 / -1; } }
@media(max-width: 42rem) { .home-title-edition { width: 100%; max-width: 100%; } }

/* Homepage hierarchy: library first, tools in the right-hand sidebar. */
.home-main > .home-layout { grid-template-columns: minmax(0,1fr) minmax(0,25rem); }
.home-sidebar > .home-intro { width: 100%; min-width: 0; margin: 0; padding: 0 0 .5rem; }
.home-sidebar .home-title-edition,.home-sidebar .home-intro-reference { width: 100%; max-width: 100%; }
.home-sidebar .home-edition-select { width: 100%; min-width: 0; }
.home-sidebar .home-edition-select select { width: 100%; min-width: 0; }
.home-sidebar .home-intro-reference { margin: .55rem 0 .2rem; }
.home-directory-head { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding-top: .8rem; }
.home-directory-head h2 { display: flex; min-width: 0; flex-wrap: wrap; align-items: baseline; gap: .35rem .65rem; margin: 0; }
.home-directory-head #book-count { color: #65706c; font: 500 .88rem/1.3 system-ui,sans-serif; white-space: nowrap; }
.home-directory-head .group-toggle { position: static; flex: none; padding: 0; background: transparent; }
.directory-filter { margin: .45rem 0 1rem; }
.directory-filter .book-filter { display: block; width: min(23rem,100%); }
.chapter-picker { top: auto; bottom: calc(100% + .15rem); width: max-content; max-width: min(20rem,calc(100vw - 2rem)); }
.chapter-picker > div { grid-template-columns: repeat(10,minmax(0,1fr)); justify-items: center; }
.chapter-picker.chapter-columns-1 > div { grid-template-columns: repeat(1,minmax(1.8rem,1fr)); }
.chapter-picker.chapter-columns-2 > div { grid-template-columns: repeat(2,minmax(1.8rem,1fr)); }
.chapter-picker.chapter-columns-3 > div { grid-template-columns: repeat(3,minmax(1.8rem,1fr)); }
.chapter-picker.chapter-columns-4 > div { grid-template-columns: repeat(4,minmax(1.8rem,1fr)); }
.chapter-picker.chapter-columns-5 > div { grid-template-columns: repeat(5,minmax(1.8rem,1fr)); }
.chapter-picker.chapter-columns-6 > div { grid-template-columns: repeat(6,minmax(1.8rem,1fr)); }
.chapter-picker.chapter-columns-7 > div { grid-template-columns: repeat(7,minmax(1.8rem,1fr)); }
.chapter-picker.chapter-columns-8 > div { grid-template-columns: repeat(8,minmax(1.8rem,1fr)); }
.chapter-picker.chapter-columns-9 > div { grid-template-columns: repeat(9,minmax(1.8rem,1fr)); }
.chapter-picker.chapter-columns-10 > div { grid-template-columns: repeat(10,minmax(1.8rem,1fr)); }
.chapter-picker.opens-up { top: auto; bottom: calc(100% + .15rem); }
.chapter-picker:not(.opens-up) { top: calc(100% + .15rem); bottom: auto; }
.chapter-picker a { justify-self: center; }
.plan-chapter-menu:not([hidden]) { top: calc(100% + .1rem); width: max-content; }
.plan-chapter-menu.opens-up:not([hidden]) { top: auto; bottom: calc(100% + .1rem); }
.plan-chapter-menu a { min-width: 1.8rem; padding-inline: .25rem; text-align: center; }
.book-chapters > summary { list-style: none; }
.book-chapters > summary::-webkit-details-marker { display: none; }
.chapter-picker { width: max-content; }
.chapter-picker > div { justify-items: center; }
.plan-chapter-menu:not([hidden]) { justify-items: center; }
@media(max-width: 64rem) { .home-main > .home-layout { grid-template-columns: minmax(0,1fr); } }
@media(max-width: 25rem) { .home-directory-head { align-items: center; flex-direction: row; } .home-directory-head h2 { font-size: 1.15rem; } .home-directory-head .group-toggle { font-size: .78rem; } .home-directory-head .group-toggle input { margin: 0; } }
@media(max-width: 42rem) { .home-sidebar .home-edition-select select { font-size: 14px; } }
@media(max-width: 22rem) { .home-main { padding-inline: 8px; } .home-card { padding-inline: 8px; } .home-directory-head { gap: 2px; } .home-directory-head h2 { flex-wrap: nowrap; gap: 2px; font-size: 13.5px; white-space: nowrap; } .home-directory-head #book-count { font-size: 14px; } .home-directory-head .group-toggle { gap: 2px; font-size: 14px; } .home-directory-head .group-toggle input { width: 14px; height: 14px; } }
@media(max-width: 42rem) { body.home-page .home-sidebar #home-edition { font-size: 14px; } .home-directory-head { gap: 4px; } .home-directory-head h2 { flex-wrap: nowrap; gap: 3px; font-size: 13.5px; white-space: nowrap; } .home-directory-head #book-count { font-size: 12px; } .home-directory-head .group-toggle { gap: 3px; font-size: 14px; } }
/* Keep every chapter number inside a compact, viewport-bounded popup. */
.home-directory-head { border-top: 0; padding-top: .35rem; }
.chapter-picker { width: max-content; max-width: min(20rem,calc(100vw - 2rem)); box-sizing: border-box; }
.chapter-picker > div { width: 100%; box-sizing: border-box; }
.chapter-picker.chapter-columns-1 > div { grid-template-columns: repeat(1,minmax(0,1fr)); }
.chapter-picker.chapter-columns-2 > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
.chapter-picker.chapter-columns-3 > div { grid-template-columns: repeat(3,minmax(0,1fr)); }
.chapter-picker.chapter-columns-4 > div { grid-template-columns: repeat(4,minmax(0,1fr)); }
.chapter-picker.chapter-columns-5 > div { grid-template-columns: repeat(5,minmax(0,1fr)); }
.chapter-picker.chapter-columns-6 > div { grid-template-columns: repeat(6,minmax(0,1fr)); }
.chapter-picker.chapter-columns-7 > div { grid-template-columns: repeat(7,minmax(0,1fr)); }
.chapter-picker.chapter-columns-8 > div { grid-template-columns: repeat(8,minmax(0,1fr)); }
.chapter-picker.chapter-columns-9 > div { grid-template-columns: repeat(9,minmax(0,1fr)); }
.chapter-picker.chapter-columns-10 > div { grid-template-columns: repeat(10,minmax(0,1fr)); }
.chapter-picker a { box-sizing: border-box; width: 100%; min-width: 0; padding: .15rem 0; font-size: .78rem; text-align: center; }
.plan-chapter-menu:not([hidden]) { width: max-content; max-width: min(18rem,calc(100vw - 2rem)); box-sizing: border-box; grid-template-columns: repeat(10,minmax(0,1fr)); }
.plan-chapter-menu.plan-columns-1:not([hidden]) { grid-template-columns: repeat(1,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-2:not([hidden]) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-3:not([hidden]) { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-4:not([hidden]) { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-5:not([hidden]) { grid-template-columns: repeat(5,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-6:not([hidden]) { grid-template-columns: repeat(6,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-7:not([hidden]) { grid-template-columns: repeat(7,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-8:not([hidden]) { grid-template-columns: repeat(8,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-9:not([hidden]) { grid-template-columns: repeat(9,minmax(0,1fr)) !important; }
.plan-chapter-menu.plan-columns-10:not([hidden]) { grid-template-columns: repeat(10,minmax(0,1fr)) !important; }
.plan-chapter-menu a { box-sizing: border-box; width: 100%; min-width: 0; padding: 0; font-size: .78rem; }
.chapter-picker, .plan-chapter-menu { translate: var(--popup-shift-x,0px) 0; }
.proverb-verse { margin: .35rem 0 .8rem; font: 1.08rem/1.55 Georgia,serif; }
.proverb-reference { display: flex; align-items: baseline; flex-wrap: wrap; gap: .3rem .7rem; margin: 0; font-size: .85rem; }
.proverb-reference span { color: #68736f; }
.home-intro-reference .home-search-row input { padding-right: 5.25rem; }
.home-intro-reference.reference-mode .home-search-row input { padding-right: 2.8rem; }
.home-intro-reference .search-gear { position: absolute; z-index: 5; top: 0; right: 2.75rem; }
.search-gear > summary { display: grid; width: 2.45rem; min-height: 2.8rem; place-items: center; list-style: none; color: #34423f; font: 1.25rem/1 "Segoe UI Symbol",system-ui,sans-serif; cursor: pointer; }
.search-gear > summary::-webkit-details-marker { display: none; }
.search-gear[hidden] { display: none !important; }
.search-gear fieldset { position: absolute; z-index: 10; top: calc(100% + .25rem); right: 0; display: grid; gap: .45rem; width: min(18rem,calc(100vw - 2rem)); max-height: min(70vh,28rem); overflow: auto; box-sizing: border-box; margin: 0; padding: .75rem; border: 1px solid #c9d6cd; border-radius: .45rem; background: #fff; box-shadow: 0 .35rem 1rem #23332d22; }
.search-gear fieldset legend { padding: 0 .25rem; font-size: .86rem; font-weight: 700; }
.search-gear fieldset label { display: flex; align-items: center; gap: .45rem; margin: 0; font-size: .86rem; }
.search-gear fieldset select { width: 100%; min-width: 0; min-height: 2.2rem; padding: .25rem .4rem; border: 1px solid #aab4b0; border-radius: .35rem; background: #fff; color: #24312d; font: inherit; }
.search-gear fieldset input[type="checkbox"] { width: 1rem; height: 1rem; flex: none; accent-color: #295c56; }
.text-search-form .search-options-row { position: relative; display: block; }
.text-search-form .search-options-row > input { display: block; width: 100%; min-height: 2.8rem; box-sizing: border-box; padding: .45rem 5.3rem .45rem .7rem; }
.text-search-form .search-options-row > .search-gear { position: absolute; z-index: 5; top: 0; right: 2.7rem; }
.text-search-form .search-options-row > .search-gear > summary { width: 2.4rem; min-height: 2.8rem; }
.text-search-form .search-options-row > .search-submit { position: absolute; top: 0; right: 0; display: grid; width: 2.7rem; min-width: 2.7rem; min-height: 2.8rem; place-items: center; padding: 0; border: 0; border-radius: 0 .45rem .45rem 0; background: transparent; color: #35433f; font: 1.55rem/1 "Segoe UI Symbol",system-ui,sans-serif; cursor: pointer; }
.text-search-form .search-options-row > .search-submit:hover { background: #edf2ef; color: #1f3430; }
.search-main[data-focus-search="true"] #search-q { scroll-margin-top: 1rem; }
.plan-date-form { grid-template-columns: minmax(0,1fr); align-items: stretch; }
.plan-date-shell { position: relative; width: 100%; min-width: 0; }
.plan-date-shell .plan-date-display { display: none; }
.plan-date-shell input[type="date"] { width: 100%; min-width: 0; box-sizing: border-box; }
.plan-calendar-trigger { display: none; }
.plan-date-shell.enhanced .plan-date-display { display: block; width: 100%; min-height: 2.35rem; box-sizing: border-box; padding: .25rem 2.8rem .25rem .5rem; border: 1px solid #aab4b0; border-radius: .4rem; background: #fff; color: #24312d; font: inherit; font-variant-numeric: tabular-nums; }
.plan-date-shell.enhanced input[type="date"] { position: absolute; z-index: 1; top: 0; right: 0; width: 2.55rem; height: 100%; min-height: 2.35rem; padding: 0; opacity: 0; pointer-events: none; }
.plan-date-shell.enhanced .plan-calendar-trigger { position: absolute; z-index: 2; top: 0; right: 0; display: grid; width: 2.55rem; height: 100%; min-height: 2.35rem; place-items: center; border: 0; border-left: 1px solid #d5ddd8; border-radius: 0 .4rem .4rem 0; background: #f5f8f5; color: #30423d; font: 1.1rem/1 "Segoe UI Symbol",sans-serif; }
.plan-date-shell.enhanced.native-date-fallback input[type="date"] { position: static; width: 100%; opacity: 1; pointer-events: auto; }
.plan-date-shell.enhanced.native-date-fallback .plan-date-display,.plan-date-shell.enhanced.native-date-fallback .plan-calendar-trigger { display: none; }
.plan-date-shell.enhanced:focus-within .plan-date-display { outline: 2px solid #456f64; outline-offset: 1px; }
.testament-grid > .testament:last-child .book-group.singleton-group { margin-top: .45rem; padding-top: .45rem; border-top: 1px solid #d9e0dc; }
.testament-grid > .testament:last-child .book-group.singleton-group > h3 { display: none; }
.reader-directory-books > .testament:last-child .book-group.singleton-group { margin-top: .4rem; padding-top: .4rem; border-top: 1px solid #d9e0dc; }
.reader-directory-books > .testament:last-child .book-group.singleton-group > h3 { display: none; }
.intro-search-controls { flex-basis: 100%; display: grid; grid-template-columns: minmax(0,2fr) minmax(12rem,1fr); gap: 1rem; align-items: end; }
.intro-search-controls .home-text-search { margin: 0; }
.intro-search-controls .book-filter-label { margin: 0 0 .4rem; }
.intro-search-controls .book-filter { width: 100%; }
@media(max-width: 42rem) { .intro-search-controls { grid-template-columns: 1fr; } }
.reader-page .reader-chapter-links { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap: .55rem; }
.reader-page .chapter-decade { display: flex; width: 100%; box-sizing: border-box; }
@media(max-width: 25rem) { .reader-page .chapter-decade { gap: .15rem; padding-inline: .2rem; } .reader-page .chapter-decade a { min-width: 1.35rem; } }

/* The chapter reuses the home banner and intro inside the single swap root. */
.reader-page { max-width: none; padding: 0; }
.reader-page #reader-main { max-width: none; margin: 0; }
.reader-page .reader-shell { max-width: 76rem; margin: auto; padding: clamp(1rem,3vw,2rem); }
.reader-page .reader-layout { display: grid; grid-template-columns: minmax(0,1fr) 15.5rem; gap: 1.2rem; align-items: start; }
.reader-page .reader-layout:has(#reader-sidebar:not([open])) { grid-template-columns: minmax(0,1fr); position: relative; }
.reader-page .reader-layout:has(#reader-sidebar:not([open])) .reader-article { width: min(calc(100% - 33rem),68ch); justify-self: center; }
.reader-page .reader-layout:has(#reader-sidebar:not([open])) .reader-sidebar { position: absolute; inset-inline-end: 0; inset-block-start: 0; width: 15.5rem; }
.reader-page .reader-article { min-width: 0; max-width: 68ch; font-family: "Source Serif 4",Georgia,serif; font-size: inherit; line-height: 1.7; grid-column: 1; grid-row: 1; }
.reader-page .reader-article h1 { font-family: Georgia,serif; }
.reader-page .reader-sidebar { font: 1rem/1.5 system-ui,sans-serif; grid-column: 2; grid-row: 1; }
.reader-page .reader-sidebar > details > summary { cursor: pointer; font-weight: 700; }
.reader-page .reader-sidebar .reader-settings { margin: .8rem 0; }
.reader-page .reader-sidebar .reader-settings-panel { grid-template-columns: 1fr; }
.reader-page .reader-search-directory { margin: .2rem 0 1.3rem; border: 1px solid #dfe5e1; border-radius: .55rem; background: #fff; font: 1rem/1.5 system-ui,sans-serif; }
.reader-page .reader-search-directory > summary { padding: .65rem .8rem; color: #274f49; font-weight: 700; cursor: pointer; }
.reader-page .reader-search-directory-inner { padding: .4rem .8rem .9rem; }
.reader-page .reader-search-directory .home-text-search { max-width: 32rem; margin: .3rem 0 .8rem; }
.reader-page .reader-directory-books { display: grid; gap: .5rem; margin-top: .8rem; }
.reader-page .reader-directory-books .book-group ul { grid-template-columns: repeat(4,minmax(0,1fr)); }
.reader-page .reader-directory-books .book-item { padding: .2rem; }
.reader-page .reader-breadcrumb { font: .9rem/1.5 system-ui,sans-serif; margin-bottom: .7rem; }
.reader-page .reader-chapter-links { display: flex; flex-wrap: wrap; gap: .4rem .8rem; margin: 0 0 1rem; font: .88rem/1.5 system-ui,sans-serif; }
.reader-page .chapter-decade { display: inline-flex; align-items: center; gap: .3rem; padding: .2rem .35rem; border: 1px solid var(--border); border-radius: .3rem; min-width: 0; max-width: 100%; flex-wrap: wrap; }
.reader-page .chapter-decade strong { margin-right: .2rem; font-size: .75rem; color: var(--muted); }
.reader-page .chapter-decade a { min-width: 1.5rem; text-align: center; }
.reader-page .chapter-decade a[aria-current="page"] { background: var(--selection); color: var(--selection-text); font-weight: 700; }
.reader-page .reader-header-toggle { position: fixed; z-index: 12; top: .35rem; right: .35rem; min-height: 2.5rem; padding: .4rem .7rem; border: 1px solid var(--border); border-radius: .4rem; background: var(--surface); color: var(--text); font: .8rem system-ui,sans-serif; cursor: pointer; }
body.reader-page[data-focus="true"] .home-banner, body.reader-page[data-focus="true"] .reader-shell > .home-intro, body.reader-page[data-focus="true"] .reader-search-directory, body.reader-page[data-focus="true"] .reader-sidebar, body.reader-page[data-focus="true"] .reader-header-toggle { display: none; }
.reader-page #reader-focus-exit { position: fixed; z-index: 20; top: .5rem; right: .5rem; }
.js-ready .home-edition-select label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.js-ready .home-edition-select select { max-width: min(100%,32rem); min-height: 2.2rem; padding: .25rem .4rem .25rem 0; border-color: transparent; background: transparent; color: #34423f; font: 600 1.02rem/1.35 system-ui,sans-serif; cursor: pointer; }
.js-ready .home-edition-select select:hover, .js-ready .home-edition-select select:focus-visible { border-color: #aab4b0; background: var(--surface); }
@media(max-width: 64rem) { .reader-page .reader-layout { grid-template-columns: 1fr; } .reader-page .reader-sidebar { max-width: 32rem; grid-column: 1; grid-row: 1; } .reader-page .reader-article { grid-column: 1; grid-row: 2; } .reader-page .reader-layout:has(#reader-sidebar:not([open])) .reader-sidebar { position: static; width: auto; } .reader-page .reader-layout:has(#reader-sidebar:not([open])) .reader-article { width: min(100%,68ch); } }
@media(max-width: 42rem) { .reader-page .reader-directory-books .book-group ul { grid-template-columns: repeat(2,minmax(0,1fr)); } }

/* Shared edition row and native, segmented reading mode. */
.home-title-edition { display:flex; flex-wrap:wrap; align-items:end; gap:.55rem .75rem; }
.home-title-edition .home-edition-select { flex:1 1 11rem; width:auto; min-width:0; }
.home-title-edition .home-edition-select select { flex:1; width:100%; min-width:0; }
.reading-mode-controls { flex:0 0 auto; display:grid; gap:.2rem; }
.reading-mode-label { font:.72rem/1.2 system-ui,sans-serif; color:#52645d; }
.reading-mode-options { display:flex; align-items:stretch; border:1px solid #76948a; border-radius:.4rem; overflow:visible; }
.reading-mode-options .reading-mode-choice { display:block; box-sizing:border-box; margin:0; padding:.42rem .55rem; border:0; border-radius:0; background:transparent; color:#294c43; font:500 .8rem/1.25 system-ui,sans-serif; text-align:center; text-decoration:none; list-style:none; cursor:pointer; }
.reading-mode-options > .reading-mode-choice,.reading-single-form button { border-radius:.3rem 0 0 .3rem; }
.reading-mode-options .reading-mode-modal > summary { border-left:1px solid #76948a; border-radius:0 .3rem .3rem 0; }
.reading-mode-options summary::-webkit-details-marker { display:none; }
.reading-mode-options .is-active { background:#295c50; color:#fff; }
.reading-mode-options .reading-mode-choice:hover { box-shadow:inset 0 0 0 2px #9dbbb0; }
.reading-mode-panel .reading-mode-apply { min-height:2.5rem; padding:.5rem 1rem; border:1px solid #295c50; border-radius:.4rem; background:#295c50; color:#fff; font:600 .9rem system-ui,sans-serif; cursor:pointer; }
.reading-mode-panel .reading-mode-apply:disabled { opacity:.5; cursor:default; }
.search-gear-panel { position:absolute; z-index:10; top:calc(100% + .25rem); right:-2.75rem; box-sizing:border-box; width:min(18rem,calc(100vw - 2rem)); max-height:min(70vh,28rem); overflow:auto; padding:.85rem; border:1px solid #c9d6cd; border-radius:.45rem; background:#fff; box-shadow:0 .35rem 1rem #23332d22; }
.search-gear .search-gear-panel fieldset { position:static; width:100%; max-height:none; overflow:visible; padding:0; border:0; background:transparent; box-shadow:none; }
.search-gear .search-gear-panel legend { margin:0 0 .55rem; padding:0; }

/* Reading surfaces inherit one semantic palette, including system dark. */
body.reading-page { max-width:none; padding:0; color:var(--text); background:var(--page); }
.reading-page .home-page,.reading-page .reader-shell,.reading-page .reader-article,.reading-page .parallel-controls { color:var(--text); background:var(--page); }
.reading-page .reader-header-content { max-width:76rem; margin:auto; padding:1rem clamp(1rem,3vw,2rem); }
.reading-page .reader-header-content .home-intro { width:100%; padding-bottom:0; }
.reading-page .reader-header-content .home-intro-reference { max-width:48rem; }
.reader-header-region { min-height:2.8rem; }
.reading-page .reader-header-toggle { position:fixed; z-index:12; top:.35rem; right:.35rem; width:auto; min-width:2.5rem; min-height:2.5rem; padding:.4rem .7rem; border:1px solid var(--border); border-radius:.4rem; background:var(--surface); color:var(--text); font:.8rem/1.5 system-ui,sans-serif; cursor:pointer; list-style:none; }
.reading-page .reader-header-toggle::-webkit-details-marker { display:none; }
.reading-page .reader-header-toggle::after { content:" \2193"; font:inherit; }
.reading-page .reader-header-region[open] > .reader-header-toggle::after { content:" \2191"; }
.reading-page .reader-layout { display:grid; grid-template-columns:minmax(0,1fr) 15.5rem; gap:1.2rem; align-items:start; }
.reading-page .reader-layout .reader-sidebar { position:static; width:auto; min-width:0; grid-column:2; grid-row:1; font:1rem/1.5 system-ui,sans-serif; }
.reading-page .reader-layout .reader-article,.reading-page .reader-layout .parallel-text { min-width:0; grid-column:1; grid-row:1; }
.reading-page .reader-layout:has(#reader-sidebar:not([open])) { grid-template-columns:minmax(0,1fr); }
.reading-page .reader-layout:has(#reader-sidebar:not([open])) .reader-sidebar { position:static; inset:auto; width:auto; max-width:100%; grid-column:1; grid-row:1; justify-self:end; }
.reading-page .reader-layout:has(#reader-sidebar:not([open])) .reader-article { width:min(100%,68ch); grid-column:1; grid-row:2; justify-self:center; }
.reading-page .reader-layout:has(#reader-sidebar:not([open])) .parallel-text { width:100%; grid-column:1; grid-row:2; }
.reading-page .reader-sidebar .reader-settings-panel { grid-template-columns:1fr; }
.reading-page .reader-sidebar > details > summary { cursor:pointer; font-weight:650; }
.reading-page .sidebar-card,.reading-page .parallel-pane,.reading-page .search-gear-panel,.reading-page .reading-mode-panel { color:var(--text); background:var(--surface); border-color:var(--border); }
.reading-page .reader-sidebar :is(h2,h3,label,summary),.reading-page .reader-header-content :is(h1,h2,h3,label,summary),.reading-page .reading-mode-panel label { color:var(--text); }
.reading-page .reader-sidebar p,.reading-page .reader-header-content small,.reading-page .reading-mode-label,.reading-page .proverb-reference span,.reading-page .plan-unavailable { color:var(--muted); }
.reading-page .reader-sidebar a,.reading-page .reader-header-content a,.reading-page .parallel-pane-head a,.reading-page .parallel-navigation a { color:var(--link); }
.reading-page .reader-sidebar :is(select,input:not([type=checkbox])),.reading-page .reader-header-content :is(select,input:not([type=checkbox])),.reading-page .plan-date-shell.enhanced .plan-date-display,.reading-page .plan-calendar-trigger { color:var(--text); background:var(--surface); border-color:var(--border); }
.reading-page .search-tabs button,.reading-page .reading-mode-options .reading-mode-choice { color:var(--text); background:var(--surface); border-color:var(--border); }
.reading-page .search-tabs button[aria-selected=true],.reading-page .reading-mode-options .is-active { color:var(--selection-text); background:var(--selection); }
.reading-page .search-gear > summary,.reading-page .home-search-row > button { color:var(--text); background:var(--surface); }
.reading-page .parallel-partial,.reading-page .parallel-unavailable,.reading-page .parallel-note,.reading-page .parallel-eyebrow { color:var(--muted); }
.reading-page #reader-focus-exit { position:fixed; z-index:120; top:.5rem; right:.5rem; }
body.reading-page[data-focus=true] .reader-header-region,body.reading-page[data-focus=true] .reader-sidebar { display:none; }
body.reading-page[data-focus=true] .reader-layout { display:block; }
body.reading-page[data-focus=true] .reader-layout .reader-article { width:min(100%,68ch); margin-inline:auto; }
@media(max-width:64rem) {
 .reading-page .reader-layout { grid-template-columns:minmax(0,1fr); }
 .reading-page .reader-layout .reader-sidebar { max-width:32rem; grid-column:1; grid-row:1; }
 .reading-page .reader-layout .reader-article,.reading-page .reader-layout .parallel-text { grid-column:1; grid-row:2; }
}

/* Reading tools live in an edge drawer, independently of the banner. */
.reading-page .reader-header-toggle { display:none; }
.reading-page .reader-header-region { min-height:0; }
.reading-page .reader-layout,
.reading-page .reader-layout:has(#reader-sidebar:not([open])) { display:block; }
.reading-page .reader-layout .reader-article,
.reading-page .reader-layout:has(#reader-sidebar:not([open])) .reader-article { width:min(100%,68ch); margin-inline:auto; }
.reading-page .reader-layout .reader-sidebar,
.reading-page .reader-layout:has(#reader-sidebar:not([open])) .reader-sidebar {
 position:fixed; z-index:40; inset:0 0 0 auto; width:min(26rem,calc(100vw - 3rem)); max-width:none;
 margin:0; padding:0; background:transparent; pointer-events:none;
}
.reading-page #reader-sidebar { box-sizing:border-box; height:100%; margin:0; padding:0; border:0; border-radius:0; background:transparent; }
.reading-page #reader-sidebar[open] { background:var(--surface); box-shadow:-.4rem 0 1.8rem #0002; pointer-events:auto; }
.reading-page .reader-sidebar-content { display:block; box-sizing:border-box; height:100%; overflow-y:auto; overscroll-behavior:contain; padding:1.25rem; border-left:1px solid var(--border); }
.reading-page .reader-sidebar-content > h2 { margin:0 0 1.2rem; font:600 1.25rem/1.3 Georgia,serif; }
.reading-page .reader-sidebar-content > .home-intro { width:100%; }
.reading-page .reader-sidebar-content > .sidebar-card { margin-top:1.3rem; }
.reading-page #reader-sidebar > .reader-sidebar-handle {
 position:fixed; top:50%; right:0; transform:translateY(-50%); display:grid; place-items:center;
 width:2.4rem; height:4.5rem; box-sizing:border-box; padding:0; border:1px solid var(--border); border-right:0;
 border-radius:.8rem 0 0 .8rem; background:var(--surface); color:var(--text); box-shadow:-.2rem 0 .8rem #0001;
 cursor:pointer; list-style:none; pointer-events:auto; font:400 1.9rem/1 system-ui,sans-serif;
}
.reading-page #reader-sidebar > summary::-webkit-details-marker { display:none; }
.reading-page #reader-sidebar[open] > .reader-sidebar-handle { right:min(26rem,calc(100vw - 3rem)); }
.reading-page #reader-sidebar[open] > .reader-sidebar-handle > span[aria-hidden] { transform:rotate(180deg); }
.reading-page .reader-sidebar-handle:focus-visible { outline:2px solid var(--link); outline-offset:2px; }
.reading-page .reader-sidebar .home-intro-reference small { color:var(--muted); }
.reading-page .reader-sidebar .home-search-row { border:1px solid var(--border); border-radius:0 .45rem .45rem .45rem; background:var(--surface); }
.reading-page .reader-sidebar .home-search-row input { border:0; background:transparent; }
.reading-page .reader-sidebar-content { direction:rtl; height:100dvh; max-height:100dvh; }
.reading-page .reader-sidebar-inner { direction:ltr; }
.reading-page .reader-sidebar-inner > .home-intro { padding:0; }
.reading-page .reader-search-tools { margin:1rem 0; }
.reading-page .reader-search-tools > summary { cursor:pointer; width:fit-content; }
.reading-page .reader-sidebar .plan-card { padding:0; border:0; border-radius:0; box-shadow:none; background:transparent; margin-top:1.5rem; }
.reading-page .reader-context-row { position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.65rem 1rem; margin-bottom:1.25rem; font: .85rem/1.5 system-ui,sans-serif; }
.reading-page .reader-context-row .reader-breadcrumb { margin:0; }
.reading-page .reader-context-tools { display:flex; align-items:center; gap:.6rem; margin-left:auto; }
.reading-page .reader-context-tools button,.reading-page .reader-chapter-disclosure > summary,.related-sermons-trigger { box-sizing:border-box; padding:.4rem .65rem; border:1px solid var(--border); border-radius:.4rem; background:var(--surface); color:var(--text); cursor:pointer; font:inherit; text-decoration:none; }
.reading-page .reader-chapter-disclosure > summary { list-style:none; }
.reading-page .reader-chapter-disclosure > summary::-webkit-details-marker { display:none; }
.reading-page #reader-verses-toggle span { display:inline-block; width:1.5rem; border-radius:1rem; background:var(--border); text-align:left; padding:0 .15rem; color:var(--surface); }
.reading-page #reader-verses-toggle[aria-checked=true] span { text-align:right; background:var(--link); }
.reading-page .reader-chapter-disclosure .reader-chapter-links { position:absolute; z-index:15; top:calc(100% + .35rem); right:0; box-sizing:border-box; width:min(100%,35rem); max-height:55vh; overflow:auto; padding:.65rem; border:1px solid var(--border); border-radius:.5rem; background:var(--surface); box-shadow:0 .4rem 1.2rem #0002; }
.reading-page .reader-sidebar .related-sermons-trigger { display:block; margin:1rem 0; width:fit-content; }
.related-sermons-dialog { box-sizing:border-box; width:min(42rem,calc(100vw - 2rem)); max-height:85dvh; padding:1.25rem; border:1px solid var(--border); border-radius:.8rem; color:var(--text); background:var(--surface); }
.related-sermons-dialog::backdrop { background:#12221b88; }
.related-sermons-dialog > button { float:right; min-width:2.5rem; min-height:2.5rem; border:1px solid var(--border); border-radius:.4rem; background:var(--surface); color:var(--text); cursor:pointer; font:1.3rem system-ui,sans-serif; }
#related-sermons-content { clear:both; }
#related-sermons-content li { margin:.7rem 0; }
#related-sermons-content a { color:var(--link); }
@media(max-width:30rem) {
 .reading-page .reader-context-row { font-size:.72rem; gap:.4rem; }
 .reading-page .reader-breadcrumb > a:first-child,.reading-page .reader-breadcrumb > a:first-child + span { display:none; }
 .reading-page .reader-breadcrumb > a { display:inline-block; max-width:5rem; overflow:hidden; text-overflow:ellipsis; vertical-align:bottom; white-space:nowrap; }
 .reading-page .reader-context-tools { gap:.3rem; }
 .reading-page .reader-context-tools button,.reading-page .reader-chapter-disclosure > summary { padding:.35rem .45rem; }
}
@media(min-width:80rem) {
 .reading-page .reader-layout:has(#reader-sidebar[open]) { padding-right:27rem; }
}

/* Quiet affordances: keep the existing hierarchy and native controls. */
.reading-page .reader-breadcrumb { display:flex; align-items:baseline; flex-wrap:wrap; gap:.3rem; }
.reading-page .reader-breadcrumb .reader-chapter-disclosure { display:inline-block; }
.reading-page .reader-breadcrumb .reader-chapter-disclosure > summary { display:inline; padding:0; border:0; border-radius:0; background:transparent; color:var(--link); text-decoration:underline; text-underline-offset:.16em; }
.reading-page .reader-breadcrumb .reader-chapter-disclosure .reader-chapter-links { left:0; right:auto; width:min(35rem,calc(100vw - 2 * var(--gutter))); }
.home-page :is(button,summary,a,input,select):focus-visible,.reading-page :is(button,summary,a,input,select):focus-visible { outline:2px solid var(--focus,#295c56); outline-offset:3px; }
.home-page .home-card { box-shadow:none; border-color:#e4e1d9; border-radius:.6rem; }
.home-page .sidebar-card { border-color:#e4e1d9; border-radius:.5rem; }
.reading-page .reader-search-tools { margin:.85rem 0 .4rem; }
.reading-page .reader-sidebar .reader-settings { margin:.7rem 0; }
.reading-page .reader-sidebar .related-sermons-trigger { padding:.25rem 0; margin:.7rem 0 1.2rem; border:0; border-radius:0; background:transparent; text-decoration:underline; text-underline-offset:.18em; font-size:.9rem; font-weight:500; }
.reading-page .chapter-nav a { border:0; border-radius:0; padding:.4rem 0; background:transparent; text-underline-offset:.18em; }
.reading-page .reader-settings-panel button { border-color:var(--border); background:transparent; font-size:.9rem; min-height:2.3rem; }
.reading-page #reader-sidebar > .reader-sidebar-handle { width:1.8rem; height:3.5rem; font-size:1.4rem; border-radius:.6rem 0 0 .6rem; box-shadow:-.15rem 0 .6rem #0001; }