.chapter-sections{display:flex;gap:.3rem;flex-wrap:wrap;margin:.8rem auto 1.1rem;max-width:740px}.chapter-sections a{padding:.5rem .7rem;display:inline-flex;align-items:center;justify-content:center;line-height:1.25;border:1px solid var(--line,#aaa);border-radius:.5rem;color:var(--ink);text-decoration:none;font-size:.875rem;min-height:44px}.chapter-sections a[aria-current]{background:var(--ink,#203b30);color:var(--paper,#fff)}.chapter-sections small{display:block;font-size:.875rem;opacity:.85}.study-original{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--reading-size,1.1875rem);line-height:var(--reading-spacing,1.8);max-width:72ch}.chapter-study+.chapter-study{border-top:1px solid var(--line,#aaa);padding-top:1.5rem;margin-top:1.5rem}.editorial-status{font-size:.95rem;color:var(--muted)}.study-contents{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.study-contents a{padding:.7rem;border:1px solid var(--line,#aaa);border-radius:.4rem}.chapter-material{margin-bottom:2rem}.chapter-sections a:focus-visible,.study-contents a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.view:not(.is-active){display:none!important}html{scroll-padding-top:7rem} [id^="verse-"]{scroll-margin-top:7rem}

/* Keep chapter selection a short, one-tap number grid. */
#book-view .book-detail-card{max-width:740px;margin-inline:auto;padding-top:22px}
#book-view .back-link{padding-bottom:12px}
#book-view #book-title{font-size:clamp(28px,5vw,42px);margin:8px 0 22px}
.chapter-directory{max-width:740px;margin-inline:auto}
.chapter-directory h2{font-family:var(--font);font-size:1rem;font-weight:600;letter-spacing:0;margin:0 0 12px}
.chapter-directory .chapter-number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;max-width:580px}
.chapter-directory .chapter-chip{position:relative;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:7px 4px;border:1px solid var(--line);border-radius:8px;background:var(--surface,var(--paper));color:var(--ink);text-decoration:none}
.chapter-directory .chapter-chip:hover{background:var(--lime);color:var(--ink)}
.chapter-directory .chapter-chip:focus-visible{outline:3px solid #5484db;outline-offset:3px}
.chapter-number{font:500 1.125rem/1.4 var(--font);font-variant-numeric:tabular-nums}
.chapter-marker{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:12px;line-height:12px;font-weight:600}
.chapter-key{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.8125rem;color:var(--muted);margin:10px 0 0}
.chapter-key>span{display:inline-flex;align-items:center;gap:6px}
.book-information,.book-search-disclosure{max-width:740px;border-top:1px solid var(--line);margin-top:20px}
.book-information>summary,.book-search-disclosure>summary{font-size:.875rem;cursor:pointer;min-height:44px;padding:12px 0}
.book-information #book-theme{color:var(--muted);font-size:1rem;line-height:1.65;padding-top:10px}
.book-information .detail-list{margin:18px 0;padding:16px 0}
.book-information .book-overview{padding-bottom:18px}
#book-view .detail-actions.bottom{padding-top:14px}
#book-view .detail-actions.bottom .secondary-button{font-size:.875rem;min-height:44px}

.book-picker{max-width:740px;margin:22px auto 40px}.book-picker>h1{font-size:clamp(28px,5vw,42px);margin:8px 0 22px}

/* Quiet bookmark control: the accessible name and state remain on the button. */
#reading-toolbar .reading-actions{grid-template-columns:44px 48px;max-width:100%;gap:8px}
#reading-toolbar .reading-bookmark{width:44px;min-width:44px;height:44px;padding:10px;background:transparent;border-color:transparent}
#reading-toolbar .reading-bookmark:hover{background:var(--surface,var(--paper));border-color:var(--line)}
#reading-toolbar .reading-bookmark svg{flex:none}
#reading-toolbar .reading-bookmark[aria-pressed="true"]{color:var(--ink)}

/* Secondary actions and editorial labels follow the reading in DOM order. */
.reading-footer-actions{max-width:740px;margin:28px auto 14px;padding-top:16px;border-top:1px solid var(--line)}
.reading-footer-actions .reading-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
.reading-footer-actions .reading-actions>a,.reading-footer-actions .reading-actions>button{width:auto;padding-inline:16px;min-height:44px}
#reading-toolbar .reading-preferences{left:0;right:auto}
.chapter-study>.editorial-status{margin-top:24px;padding-top:12px;border-top:1px solid var(--line);font-size:.8125rem}
.reading-footer-actions+.content-label{margin-bottom:18px;font-size:.8125rem}
@media print{.reading-footer-actions{display:none}}
