/* Complete reading layout for every book and language, including error states. */
.page-bible-reader #main-content .br-topbar { background: #fff; border-bottom: 1px solid #dfe7f0; }
.page-bible-reader #main-content .br-topbar-inner { min-height: 68px; height: auto; gap: 20px; padding-block: 12px; }
.page-bible-reader #main-content .br-back { min-height: 40px; font-weight: 600; }
.page-bible-reader #main-content .br-lang-toggle { min-height: 40px; padding: 9px 13px; border: 1px solid #d7e2ef; background: #f4f8fd; color: #244e7d; border-radius: 8px; }
.page-bible-reader #main-content .br-lang-toggle:hover { background: #e5effb; border-color: #8aadd5; }
.page-bible-reader #main-content .br-settings-btn { width: 40px; height: 40px; border-color: #d7e2ef; color: #244e7d; }
.page-bible-reader #main-content .br-settings-btn[aria-expanded=true] { background: #244e7d; color: #fff; }
.page-bible-reader #main-content .br-settings-panel { left: auto; right: max(20px,calc((100vw - 1160px)/2)); min-width: 280px; max-width: calc(100vw - 40px); padding: 24px; border: 1px solid #d4e0ed; border-radius: 12px; box-shadow: 0 16px 44px #142b4930; z-index: 110; }
.page-bible-reader #main-content .br-setting-row { gap: 20px; }
.page-bible-reader #main-content .br-font-btn { width: 40px; height: 40px; }
.page-bible-reader #main-content .br-header { background: radial-gradient(ellipse at 85% 0,#4c85bf30,transparent 65%),linear-gradient(115deg,#142b45,#234363); padding-block: clamp(40px,6vw,70px); border-bottom: 3px solid #bfd7f1; }
.page-bible-reader #main-content .br-header-inner { max-width: 820px; }
.page-bible-reader #main-content .br-header :is(.br-title-urdu,.br-title-original,.br-title-en-main) { color: #fff; margin-block: 14px 18px; text-shadow: 0 2px 12px #0a1a2b22; }
.page-bible-reader #main-content .br-title-urdu { font-size: clamp(2.3rem,5vw,3.5rem); line-height: 1.9; }
.page-bible-reader #main-content .br-title-en { color: #d0e1f3; font-size: 1.15rem; letter-spacing: .04em; }
.page-bible-reader #main-content .br-book-badge { color: #d8eaff; border: 1px solid #ffffff35; background: #ffffff09; padding: 7px 16px; border-radius: 6px; }
.page-bible-reader #main-content .br-meta { color: #c2d6ec; margin-top: 18px; }
.page-bible-reader #main-content .br-meta i { color: #afd2fa; }
.page-bible-reader #main-content .br-lang-badge { color: #c1dcf9; }
.page-bible-reader #main-content .br-chapnav { background: #fff; padding-block: 10px; border-bottom: 1px solid #dbe5f0; }
.page-bible-reader #main-content .br-chapnav-label { color: #405d7d; }
.page-bible-reader #main-content .br-chapnav-scroll { min-width: 0; gap: 6px; padding-block: 3px; }
.page-bible-reader #main-content .br-ch-link { color: #4d6480; background: #f3f6fb; width: 40px; height: 40px; font-size: .82rem; border: 1px solid #e4ebf4; }
.page-bible-reader #main-content .br-ch-link:hover { background: #e8f1fc; color: #234b78; }
.page-bible-reader #main-content .br-ch-link.active { color: #fff; background: #234b78; border-color: #234b78; box-shadow: 0 4px 10px #234b7825; }
.page-bible-reader #main-content .br-chapnav-arrow { color: #35597e; background: #eef3f9; border: 1px solid #dfe7f0; width: 40px; height: 40px; flex-shrink: 0; }
.page-bible-reader #main-content .br-content { padding-block: clamp(25px,4vw,50px) 56px; background: #f3f6fa; }
.page-bible-reader #main-content .br-content-wrap { max-width: 1200px; }
@media(min-width:1600px) {
 .page-bible-reader #main-content .br-content-wrap { max-width: 1320px; }
}
.page-bible-reader #main-content .br-text { --reader-padding: clamp(20px,4vw,48px); padding: var(--reader-padding); border-radius: 15px; border-color: #dce5ee; box-shadow: 0 12px 38px #1a33510a; }
.page-bible-reader #main-content .br-text .cn { margin: 0 0 28px; padding: 16px 12px; border: 1px solid #dfe7f0; background: #f4f8fd; border-radius: 9px; font-size: 1.25rem; line-height: 1.8; }
.page-bible-reader #main-content .br-text .cn:first-child { margin-top: 0; border: 1px solid #dfe7f0; border-radius: 9px; }
.page-bible-reader #main-content .br-text .bh { border: 0; border-inline-start: 3px solid #6b9ad0; border-radius: 7px; padding: 10px 18px; background: #f2f7fd; margin-block: 25px 18px; }
.page-bible-reader #main-content .br-text .ChapterContent_r___3KRx .bh { border: 0; padding: 2px 8px; margin: 0 2px; }
.page-bible-reader #main-content .br-booknav { padding-block: 0 56px; background: #f3f6fa; }
.page-bible-reader #main-content .br-booknav-grid { gap: 18px; }
.page-bible-reader #main-content .br-nav-card { background: #fff; padding: 24px; min-width: 0; }
.page-bible-reader #main-content .br-error { max-width: 760px; margin-inline: auto; border: 1px solid #dce5ef; border-radius: 15px; padding: clamp(25px,4vw,48px); background: #fff; }
.page-bible-reader #main-content .br-error :is(p,a) { overflow-wrap: anywhere; }
@media(max-width:768px) {
 .page-bible-reader #main-content .br-topbar-inner { flex-wrap: wrap; gap: 6px 14px; padding-block: 10px; }
 .page-bible-reader #main-content .br-topbar-actions { width: 100%; justify-content: space-between; }
 .page-bible-reader #main-content .br-lang-toggles { flex: 1; gap: 6px; }
 .page-bible-reader #main-content .br-lang-toggle { padding: 8px 10px; font-size: .7rem; gap: 5px; }
 .page-bible-reader #main-content .br-lang-toggle span { display: inline; }
 .page-bible-reader #main-content .br-lang-toggle i { display: none; }
 .page-bible-reader #main-content .br-header { padding-block: 30px; }
 .page-bible-reader #main-content .br-chapnav-label { display: none; }
 .page-bible-reader #main-content .br-chapnav-inner { gap: 7px; }
 .page-bible-reader #main-content .br-chapnav-arrow { width: 34px; height: 38px; }
 .page-bible-reader #main-content .br-nav-card { padding: 20px 14px; }
 .page-bible-reader #main-content .br-booknav-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .page-bible-reader #main-content .br-nav-center { grid-column: 1/-1; grid-row: 2; }
}
@media(max-width:360px) {
 .page-bible-reader #main-content .br-lang-toggle { padding-inline: 8px; font-size: .66rem; }
 .page-bible-reader #main-content .br-text { --reader-padding: 18px; }
}