/* Quiet reading layout, scoped to the Bible and commentary pages. */
/* Reading progress stays above the independently scrolling desktop tools. */
.reader-page .b-index.b-index--progress{display:flex;flex-direction:column;padding:0;overflow:hidden}
.reader-page .b-index-controls{min-height:0;padding:16px;overflow-y:auto;overscroll-behavior-y:contain}
.reader-page .b-index .b-progress{position:relative;flex:0 0 auto;box-sizing:border-box;display:block;width:100%;margin:0;padding:16px;border:0;border-bottom:1px solid var(--reader-line);background:rgba(30,24,16,.96)}
.reader-page .b-progress[hidden],.reader-page .b-progress-actions[hidden]{display:none}
/* Progress hierarchy: quiet label, chapter, save state, action, local scope. */
.reader-page .b-progress p{margin:0;line-height:1.6;text-indent:0}
.reader-page .b-progress .b-progress-title{margin-bottom:10px;font-size:14px;letter-spacing:.08em;color:var(--reader-muted)}
.reader-page .b-progress #b-progress-location{font-size:20px;line-height:1.55;color:var(--gold-hi)}
.reader-page .b-progress-chapter{display:inline-block;max-width:100%;white-space:normal;font:inherit;line-height:inherit;color:inherit;vertical-align:baseline}
.reader-page .b-progress .b-progress-state{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:14px;color:var(--reader-muted)}
.reader-page .b-progress-state::before{content:"";flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:currentColor}
.reader-page .b-progress .b-progress-note{margin-top:10px;font-size:12px;line-height:1.6;color:var(--reader-muted)}
.reader-page .b-progress-actions{display:flex;max-width:100%;margin-top:14px}
.reader-page .b-index .b-progress .b-resume,.reader-page .b-index .rp-start{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;max-width:100%;min-height:44px;margin:0;padding:8px 10px;font-family:inherit;font-size:16px;line-height:1.6;text-align:center;text-decoration:none;white-space:normal;border:1px solid var(--reader-line);border-radius:6px;color:var(--gold-hi);background:rgba(201,168,76,.12);cursor:pointer}
.reader-page .b-progress a:hover,.reader-page .b-index .rp-start:hover{background:rgba(201,168,76,.2)}
.reader-page .b-progress a:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
@media(max-width:980px){
 .reader-page .b-index.b-index--progress{display:grid;padding:18px;overflow:visible}
 .reader-page .b-index-controls{display:contents}
 .reader-page .b-index .b-progress{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 18px;padding:0 0 16px;background:transparent}
 .reader-page .b-progress .b-progress-title{grid-column:1/-1}
 .reader-page .b-progress-copy{min-width:0}
 .reader-page .b-progress-actions{margin:0}
 .reader-page .b-progress .b-progress-note{grid-column:1/-1}
}
@media(max-width:640px){
 .reader-page .b-index.b-index--progress{padding:14px}
 .reader-page .b-index .b-progress{grid-template-columns:minmax(0,1fr)}
 .reader-page .b-progress-actions{margin-top:14px}
}
@font-face{font-family:"Say Study Mono";src:url('../fonts/study-mono-v247.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.reader-page .b-commentary-format{max-width:100%;min-width:0;overflow-x:auto;margin:24px 0;border:1px solid rgba(201,168,76,.35);border-radius:4px;overscroll-behavior-x:contain}
.reader-page .b-commentary-format:focus-visible{outline:2px solid #E8D194;outline-offset:3px}
.reader-page .b-commentary-table{width:100%;border-collapse:collapse;font:inherit;font-size:var(--reader-prose-size);line-height:1.8;text-align:left}
.reader-page .b-commentary-table :is(th,td){min-width:2em;padding:12px 14px;border:1px solid rgba(201,168,76,.3);vertical-align:top;overflow-wrap:break-word;word-break:normal}
.reader-page .b-commentary-table th{font-weight:600;color:#E8D194}
.reader-page .b-commentary-table tr>:first-child{white-space:nowrap}
.reader-page .b-commentary-table thead{background:rgba(201,168,76,.08)}
.reader-page .b-commentary-table--wide{min-width:760px}
.reader-page .b-commentary-pre{display:block;width:max-content;min-width:100%;box-sizing:border-box;margin:0;padding:18px;font-family:"Say Study Mono",monospace!important;font-weight:400;font-size:var(--reader-prose-size);line-height:1.8;white-space:pre;word-break:normal;overflow-wrap:normal;text-wrap:nowrap;tab-size:8}
.reader-page .b-commentary-rule{border:0;border-top:1px solid rgba(201,168,76,.3);margin:24px 0}
@media(max-width:640px){.reader-page .b-commentary-table :is(th,td){padding:10px 8px}}
.reader-page .b-intro{padding-block:32px 24px;margin-bottom:18px}
.reader-page .b-intro>p:last-child{margin-top:12px}
.reader-page .b-layout{grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.reader-page .b-index{display:block;position:sticky;top:calc(var(--reader-header-height,76px) + 20px);max-height:calc(100dvh - var(--reader-header-height,76px) - 40px);overflow-y:auto;padding:20px;background:rgba(30,24,16,.96);border:1px solid var(--reader-line);border-radius:10px}
.reader-page .b-selectors{display:grid;gap:16px}
.reader-page .b-selectors label{margin:0;font-size:17px;line-height:1.7}
.reader-page .b-selectors select{margin-top:6px;padding:10px 8px;min-width:0}
.reader-page .b-index .b-font-tools{margin:22px 0 16px;gap:6px;font-size:17px}
.reader-page .b-font-tools>span:first-child{width:100%}
.reader-page .b-index .b-font-tools button{font-size:17px;padding:8px 6px;flex:1;min-width:44px;white-space:nowrap}
.reader-page .b-index .b-resume{width:100%;margin:0;font-size:17px;padding:10px 8px}
.reader-page .b-find{border-top:1px solid var(--reader-line);margin-top:18px;padding-top:8px}
.reader-page .b-find summary{font-size:18px;min-height:48px;line-height:1.8;padding:8px 0;cursor:pointer}
.reader-page .b-find .b-search{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.reader-page .b-find .b-search label{flex-basis:100%}
.reader-page .b-find .b-search input{font-size:18px;padding:12px 10px}
.reader-page .b-find .b-search button{width:100%}
.reader-page .b-find .b-help{font-size:16px;line-height:1.9;margin:12px 0}
.reader-page .b-find .b-topics{gap:8px;margin:12px 0 0}
.reader-page .b-find .b-topics button{font-size:16px;padding:8px 10px}
.reader-page .b-reading{width:100%;max-width:880px;justify-self:center;background:rgba(30,24,16,.97);padding:28px 36px;border-radius:10px}
.reader-page .b-reading-head{margin-bottom:12px;padding-bottom:20px;gap:12px;flex-direction:row}
.reader-page .b-reading-head>div:first-child{flex:1 1 300px}
.reader-page .b-reading :is(h1,h2){font-size:30px;line-height:1.5}
.reader-page .b-actions{gap:10px}
.reader-page .b-actions button{padding:8px 14px;min-height:44px;font-size:17px}
.reader-page .b-edition{font-size:17px;line-height:1.8}
.reader-page .b-chapter-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:var(--reader-header-height,76px);z-index:8;background:rgb(30,24,16);border-bottom:1px solid var(--reader-line);padding:12px 0;margin-bottom:24px}
.reader-page .b-chapter-nav button{flex:0 0 auto;min-height:48px;padding:8px 12px;border:1px solid var(--reader-line);border-radius:8px;background:transparent;color:var(--gold-hi);font-size:18px;cursor:pointer;line-height:1.6}
.reader-page .b-chapter-nav button:disabled{opacity:.4;cursor:default}
.reader-page #b-location{min-width:0;text-align:center;font-size:18px;line-height:1.55;color:var(--reader-muted);overflow-wrap:anywhere}
.reader-page #b-reading,.reader-page #b-scripture,.reader-page #b-study,.reader-page #b-fhl-intro,.reader-page .b-commentary-section,.reader-page .b-verse{scroll-margin-top:calc(var(--reader-header-height,76px) + 110px)}
.reader-page #b-reading{scroll-margin-top:calc(var(--reader-header-height,76px) + 20px)}
.reader-page .b-verses{line-height:1.9}
.reader-page .b-verses>p.b-verse{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px;margin:0 0 20px;padding:2px 0}
.reader-page .b-verse sup{margin:0;font-size:16px;line-height:calc(var(--reader-verse-size) * 1.9);vertical-align:baseline;position:static}
.reader-page .b-commentary-section{padding-top:28px;padding-bottom:14px}
.reader-page .b-commentary-section h3{font-size:calc(var(--reader-prose-size) + 3px);line-height:1.65;margin-bottom:20px}
.reader-page .b-commentary-section p{line-height:1.9;margin-bottom:22px;letter-spacing:.025em}
.reader-page .b-chapter-menu{border-bottom:1px solid var(--reader-line);margin-bottom:8px}
.reader-page .b-chapter-menu>summary{font-size:18px;line-height:1.8;padding:10px 0;min-height:48px}
.reader-page .b-chapter-menu .b-lesson-nav{border:0;padding:0 0 14px;gap:8px 20px;margin:0}
.reader-page .b-study{margin-top:36px}
@media(max-width:980px){
 .reader-page .b-layout{grid-template-columns:1fr;gap:20px}
 .reader-page .b-index{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 12px;padding:18px;max-height:none;overflow:visible}
 .reader-page .b-selectors{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
 .reader-page .b-index .b-font-tools{grid-column:1;display:flex;flex-wrap:nowrap;align-items:center;margin:0;gap:6px}
 .reader-page .b-font-tools>span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .reader-page .b-index .b-font-tools button{flex:1;max-width:100px}
 .reader-page .b-index .b-find .b-resume{min-height:48px;margin-top:12px}
 .reader-page .b-find{grid-column:2;border:0;margin:0;padding:0;min-width:0}
 .reader-page .b-find>summary{border:1px solid var(--reader-line);border-radius:8px;padding:9px 12px;font-size:17px;line-height:1.7;white-space:nowrap}
 .reader-page .b-find[open]{grid-column:1/-1}
 .reader-page .b-reading{max-width:880px;padding:24px 30px}
}
@media(max-width:640px){
 .reader-page .b-main .b-intro{padding-top:calc(var(--cw) * 2.2113 + 12px);padding-bottom:20px}
 .reader-page .b-title{font-size:42px}
 .reader-page .b-intro>p:last-child{font-size:18px;line-height:1.7;letter-spacing:.02em;margin-top:10px}
 .reader-page .b-main{padding-inline:12px}
 .reader-page .b-index{padding:14px;gap:12px}
 .reader-page .b-selectors{gap:12px}
 .reader-page .b-selectors label{min-width:0}
 .reader-page .b-reading{padding:22px 18px}
 .reader-page .b-reading :is(h1,h2){font-size:27px;line-height:1.65}
 .reader-page .b-chapter-nav{gap:8px;padding:10px 0;margin-bottom:20px}
 .reader-page .b-chapter-nav button{font-size:17px;padding:8px;min-height:48px}
 .reader-page #b-location{font-size:16px;line-height:1.6}
 .reader-page .b-verses>p.b-verse{grid-template-columns:18px minmax(0,1fr);column-gap:8px;margin-bottom:18px}
 .reader-page .b-commentary-section p{letter-spacing:0;line-height:1.9;margin-bottom:20px}
 .reader-page .b-actions button{font-size:17px;padding:8px 12px}
 .reader-page[data-mode="bible"] .b-reading-head>div:first-child{flex:1 1 140px}
 .reader-page[data-mode="study"] .b-reading-head>div:first-child{flex-basis:100%}
 .reader-page .b-actions{gap:8px}
}

/* Reserve the cross's actual screen bounds beside both reading pages. */
@media(min-width:641px){
 .reader-page .b-main{
  --cx:min(calc((var(--cx-strip) + 50vw + 370px + var(--cw) / 2) / 2),calc(100vw - var(--cw) / 2 - 24px));
  --reader-left:max(32px,calc((100vw - 1220px) / 2 + 32px));
  --reader-width:min(100%,calc(var(--cx) - var(--cw) / 2 - 24px - var(--reader-left)));
 }
 .reader-page .b-intro,.reader-page .b-layout,.reader-page .b-status{width:var(--reader-width)}
 .reader-page .b-layout{grid-template-columns:200px minmax(0,1fr);gap:24px}
 .reader-page .b-index{padding:16px}
 .reader-page .b-reading{padding-inline:28px}
}
@media(min-width:641px) and (max-width:980px){
 .reader-page .b-main{--cw:clamp(160px,20vw,196px);--cx:calc(100vw - var(--cw) / 2 - 24px)}
 .reader-page .b-layout{grid-template-columns:minmax(0,1fr)}
}

/* Songti lettering and the approved ornamental masthead; no title glow. */
.reader-page{--reader-text:#E8D194;--reader-muted:#E8D194;}
.reader-page .b-main{font-family:var(--serif)}
.reader-page .b-intro{padding:30px 0 18px;text-align:center}
.reader-page .b-title{display:flex;align-items:center;justify-content:center;gap:24px;font-family:var(--serif);font-weight:600;font-size:64px;line-height:1.25;letter-spacing:.12em;padding-left:.12em;color:#E8D194;text-shadow:none;filter:none}
.reader-page .b-title::before,.reader-page .b-title::after{content:"";width:clamp(36px,8vw,112px);height:7px;flex:0 1 112px;background:currentColor;opacity:.72;clip-path:polygon(0 43%,92% 43%,96% 0,100% 50%,96% 100%,92% 57%,0 57%)}
.reader-page .b-title::after{transform:scaleX(-1)}
.reader-page .b-intro>p{font-family:var(--serif);font-size:20px;line-height:1.8;letter-spacing:.04em;margin:10px 0 0;color:#E8D194}
.reader-page .b-intro-ornament{display:block;width:min(360px,74%);height:24px;margin:10px auto 0;color:#C9A84C}
.reader-page .b-reading h2,.reader-page .b-commentary-selected h3{color:#E8D194}
@media(min-width:981px){
 .reader-page .b-intro{width:calc(var(--reader-width) - 224px);margin-left:224px}
}
@media(min-width:641px) and (max-width:980px){
 .reader-page .b-title{font-size:52px;gap:18px}
 .reader-page .b-intro>p{font-size:18px}
}
@media(max-width:640px){
 .reader-page .b-main .b-intro{padding-top:calc(var(--cw) * 2.2113 + 12px);padding-bottom:14px}
 .reader-page .b-title{font-size:42px;gap:16px}
 .reader-page .b-title::before,.reader-page .b-title::after{flex-basis:56px}
 .reader-page .b-intro>p{font-size:18px;letter-spacing:0;line-height:1.7;margin-top:10px}
 .reader-page .b-intro-ornament{height:18px;margin-top:8px}
}

/* Scripture references open without leaving the commentary or moving its scroll. */
.reader-page .b-verse-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 64px));padding:0;margin:auto;border:1px solid var(--reader-line);border-radius:12px;background:#1E1810;color:var(--reader-text);font-family:var(--serif);box-shadow:0 18px 72px #0009;overflow:hidden}
.reader-page .b-verse-dialog[open]{display:flex;flex-direction:column}
.reader-page .b-verse-dialog::backdrop{background:rgba(30,24,16,.72)}
.reader-page .b-verse-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 18px;border-bottom:1px solid var(--reader-line);flex-shrink:0}
.reader-page .b-verse-dialog-head h2{font:600 25px/1.5 var(--serif);color:var(--gold-hi);margin:0;overflow-wrap:anywhere}
.reader-page .b-verse-dialog-head p{font-size:17px;line-height:1.7;color:var(--reader-muted);margin:6px 0 0}
.reader-page .b-verse-dialog-close{font:18px/1.6 var(--serif);color:var(--gold-hi);background:transparent;border:1px solid var(--reader-line);border-radius:8px;padding:8px 12px;min-height:48px;flex-shrink:0;cursor:pointer}
.reader-page .b-verse-dialog-content{overflow-y:auto;overscroll-behavior:contain;padding:22px 24px;min-height:0;font-size:var(--reader-verse-size);line-height:1.9}
.reader-page .b-verse-dialog-content h3{font:500 19px/1.7 var(--serif);color:var(--reader-muted);margin:0 0 18px}
.reader-page .b-verse-dialog-content section+section{border-top:1px solid var(--reader-line);padding-top:22px;margin-top:22px}
.reader-page .b-popup-verse{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;margin:0 0 18px}
.reader-page .b-popup-verse:last-child{margin-bottom:0}
.reader-page .b-popup-verse sup{position:static;font:16px/2 var(--serif);color:var(--gold);padding-top:8px}
.reader-page .b-popup-note{font-size:var(--reader-small-size);color:var(--reader-muted);line-height:1.9;margin:0 0 18px}
.reader-page .b-popup-note span{display:block}
@media(max-width:640px){
 .reader-page .b-verse-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 32px)}
 .reader-page .b-verse-dialog-head{padding:16px;gap:10px}
 .reader-page .b-verse-dialog-head h2{font-size:23px}
 .reader-page .b-verse-dialog-content{padding:18px 16px}
 .reader-page .b-popup-verse{grid-template-columns:28px minmax(0,1fr);gap:8px}
}

.reader-page .b-verse-dialog-content:focus-visible{outline:1px solid var(--gold-hi);outline-offset:-3px}

/* Match the prayer wall's Songti title and gold lettering, without its glow. */
.reader-page .b-main .b-title{font:700 clamp(48px,6vw,68px)/1.15 var(--serif);letter-spacing:0;padding-left:0;text-shadow:none;filter:none}
.reader-page .b-title-lettering{display:block;letter-spacing:.32em;padding-left:.32em;color:#C9A84C;background:linear-gradient(180deg,#E8D194 10%,#C9A84C 60%,#A07C30 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:none}

/* Four sizes fit the narrow desktop toolbar and stay tappable on phones. */
.reader-page .b-index .b-font-tools{display:grid;grid-template-columns:repeat(2,minmax(44px,1fr));gap:8px}
.reader-page .b-font-tools>span:first-child{grid-column:1/-1}
@media(max-width:980px){
 .reader-page .b-index .b-font-tools{grid-template-columns:repeat(4,minmax(44px,1fr));gap:6px}
}
@media(max-width:480px){
 .reader-page .b-index .b-font-tools{grid-column:1/-1}
 .reader-page .b-find{grid-column:1/-1}
}

/* Each title side has a fine gold line and one small cross. */
.reader-page .b-title::before,.reader-page .b-title::after{height:18px;clip-path:none;opacity:.9;background:linear-gradient(#C9A84C,#C9A84C) right center/calc(100% - 20px) 1px no-repeat,linear-gradient(#E8D194,#E8D194) left 5px center/1px 14px no-repeat,linear-gradient(#E8D194,#E8D194) left 1px top 6px/9px 1px no-repeat}

/* Crawlable book/chapter catalogs share the reader's compact tools and colors. */
.reader-page .b-static-catalog{border-top:1px solid var(--reader-line);margin-top:16px;padding-top:8px;font-size:17px}
.reader-page .b-static-catalog summary{cursor:pointer;min-height:48px;padding:8px 0;line-height:1.8}
.reader-page .b-static-catalog>a,.reader-page .b-directory-links>a{display:block;padding:10px 0;color:var(--gold-hi);font-size:17px;line-height:1.7}
.reader-page .b-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-top:22px}
.reader-page .b-catalog-grid a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:12px;border:1px solid var(--reader-line);border-radius:8px;color:var(--reader-text);font-size:18px;line-height:1.7;min-height:48px}
.reader-page .b-catalog-grid small{font-size:15px;color:var(--reader-muted)}
.reader-page .b-static-catalog .b-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}
.reader-page .b-static-catalog .b-catalog-grid a{padding:8px 4px;font-size:16px;justify-content:center;overflow-wrap:anywhere}
.reader-page .b-static-catalog .b-catalog-grid small{display:none}
.reader-page .b-breadcrumb{font-size:16px;line-height:1.8;color:var(--reader-muted);margin-bottom:10px}
.reader-page .b-breadcrumb a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.reader-page .b-static-chapter-nav a,.reader-page .b-static-chapter-nav>span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 12px;border:1px solid var(--reader-line);border-radius:8px;color:var(--gold-hi);font-size:18px;line-height:1.6;text-align:center}
.reader-page .b-static-chapter-nav>.b-current-chapter{border:0;padding-inline:0;font-size:17px;color:var(--reader-muted);min-width:0}
.reader-page .b-static-chapter-nav>[aria-disabled]{opacity:.4}
@media(max-width:980px){.reader-page .b-static-catalog{grid-column:1/-1;margin-top:0}}
@media(max-width:640px){.reader-page .b-static-chapter-nav a,.reader-page .b-static-chapter-nav>span{font-size:16px;padding:8px}.reader-page .b-static-chapter-nav>.b-current-chapter{font-size:16px}.reader-page .b-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Let reading paragraphs fill the available line without automatic pretty wrapping. */
.reader-page .b-verses,.reader-page .b-verse,.reader-page .b-verse>span,.reader-page .b-popup-verse,.reader-page .b-popup-verse>span,.reader-page .b-commentary-section p{text-wrap:wrap;white-space:normal}
.reader-page .b-static-chapter-nav a,.reader-page .b-catalog-grid a{text-decoration:none}


/* The reader share trigger uses the requested outlined forward arrow. */
.reader-page #b-share{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.reader-page #b-share svg{width:20px;height:20px;flex:0 0 auto}

/* Quiet grape damask behind the verse dialog's full heading, using the original site tile. */
.reader-page .b-verse-dialog-head{position:relative;isolation:isolate}
.reader-page .b-verse-dialog-head::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../images/pattern-baroque.webp') left center/180px 180px repeat;opacity:.13}
.reader-page .b-verse-dialog-close{background:#1E1810}
@media(max-width:640px){.reader-page .b-verse-dialog-head::before{background-size:150px 150px;opacity:.1}}

/* One continuous chapter strip, from panel edge to panel edge and between its rules. */
.reader-page .b-reading{--chapter-strip-gutter:28px}
.reader-page .b-reading-head{margin-bottom:0;border-bottom:0}
.reader-page .b-chapter-nav,.reader-page .b-pagination{margin-inline:calc(-1 * var(--chapter-strip-gutter));padding-inline:var(--chapter-strip-gutter)}
.reader-page .b-chapter-nav{border-top:1px solid var(--reader-line);padding-top:24px}
@media(max-width:980px){.reader-page .b-reading{--chapter-strip-gutter:30px}}
@media(max-width:640px){.reader-page .b-reading{--chapter-strip-gutter:18px}.reader-page .b-chapter-nav{padding-top:22px}}

/* Keep select arrows in the site's muted gold palette, including iOS. */
.reader-page .b-selectors select{-webkit-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22' viewBox='0 0 16 22' fill='none' stroke='%23b99b60' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 7 4-4 4 4M4 15l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 22px}

@media(max-width:640px){
 .reader-page .b-layout>.b-actions:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin:0}
 .reader-page .b-layout>.b-actions button{width:100%;min-height:50px;font-size:18px;background:#1E1810;border-color:#A07C30;padding:10px 16px}
}

/* Edition metadata remains available in sources and sharing, without a repeated reading subtitle. */
.reader-page[data-mode="bible"] #b-edition{display:none}

/* The grape pattern belongs to the reading header, extending to all panel edges. */
.reader-page .b-reading{--reader-head-top:28px}
.reader-page .b-reading-head{position:relative;isolation:isolate}
.reader-page .b-reading-head::before{content:"";position:absolute;inset:calc(-1 * var(--reader-head-top)) calc(-1 * var(--chapter-strip-gutter)) 0;z-index:-1;pointer-events:none;background:url('../images/pattern-baroque.webp') left center/180px 180px repeat;opacity:.13;border-radius:9px 9px 0 0}
@media(max-width:980px){.reader-page .b-reading{--reader-head-top:24px}}
@media(max-width:640px){.reader-page .b-reading{--reader-head-top:22px}.reader-page .b-reading-head::before{background-size:150px 150px;opacity:.1}}

/* Reader-selected typography affects reading copy while the interface keeps its classic serif. */
@font-face{font-family:"Say Reader Kai";src:url('../fonts/reader-kai-v1.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Say Reader Fangsong";src:url('../fonts/reader-fangsong-v1.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.reader-page[data-reader-font="sans"]{--reader-copy-font:system-ui,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
.reader-page[data-reader-font="kai"]{--reader-copy-font:"Say Reader Kai","Kaiti SC","KaiTi",var(--serif)}
.reader-page[data-reader-font="fangsong"]{--reader-copy-font:"Say Reader Fangsong","STFangsong","FangSong",var(--serif)}
.reader-page #b-content,.reader-page #b-exposition,.reader-page .b-chapter-overview,.reader-page .b-verse-dialog-content{font-family:var(--reader-copy-font,var(--serif))}
.reader-page .b-index .b-type-tools{display:grid;grid-template-columns:repeat(2,minmax(44px,1fr));gap:8px;margin:18px 0 16px}
.reader-page .b-type-tools>span{grid-column:1/-1;font-size:17px;line-height:1.7;color:var(--reader-muted)}
.reader-page .b-type-tools button{min-width:0;min-height:48px;padding:8px 6px;font:inherit;font-size:17px;line-height:1.6;border:1px solid var(--reader-line);border-radius:8px;background:transparent;color:var(--gold-hi);cursor:pointer}
.reader-page .b-type-tools button[aria-pressed="true"]{background:rgba(201,168,76,.2);border-color:var(--gold-hi);font-weight:600}
.reader-page .b-type-tools button:hover{border-color:var(--gold-hi);background:rgba(201,168,76,.12)}
.reader-page .b-type-tools button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.reader-page .b-type-tools button[aria-busy="true"]{cursor:progress}
.reader-page .b-font-status{grid-column:1/-1;margin:0;font-size:13px;line-height:1.7;color:var(--reader-muted)}
@media(max-width:980px){.reader-page .b-index .b-type-tools{grid-column:1/-1;grid-template-columns:repeat(4,minmax(44px,1fr));margin:4px 0 0}.reader-page .b-index .b-font-tools,.reader-page .b-index .b-find{grid-column:1/-1}}

.reader-page .b-progress .b-progress-state[hidden]{display:none}

.reader-page .b-progress .b-progress-title{margin-bottom:6px}
.reader-page .b-progress-actions{margin-top:10px}
@media(max-width:980px){.reader-page .b-index .b-progress{padding-bottom:12px}.reader-page .b-progress-actions{margin-top:0}}
@media(max-width:640px){.reader-page .b-progress-actions{margin-top:10px}}

/* Study headings own the full reading width; actions share a separate breadcrumb row. */
.reader-page[data-mode="study"] .b-reading-head { display: block; }
.reader-page[data-mode="study"] .b-reading-head > div { width: 100%; min-width: 0; }
.reader-page[data-mode="study"] .b-reading-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 14px; }
.reader-page[data-mode="study"] .b-reading-tools .b-breadcrumb { flex: 1 1 220px; min-width: 0; margin: 0; }
.reader-page[data-mode="study"] .b-reading-tools .b-actions { flex: 0 0 auto; align-self: center; }
.reader-page[data-mode="study"] #b-title { width: 100%; max-width: none; }

/* The complete chapter guide follows the chosen reading typeface, including subheads. */
.reader-page .b-chapter-overview :is(h2,h3){font-family:var(--reader-copy-font,var(--serif))}
/* Viewport units include the native scrollbar; size this centered backdrop to its containing panel. */
.reader-page .dy-backdrop{width:100%}

/* User-selected typeface covers the entire reading column, including its relocated mobile actions.
   Change family only: preserve every heading/control size and weight, and leave SVG paths untouched. */
.reader-page :is(.b-reading,#b-actions),
.reader-page :is(.b-reading,#b-actions) :not(svg,svg *){font-family:var(--reader-copy-font,var(--serif))!important}

/* Catalogs reserve an unobstructed image band before any opaque panel. */
.reader-page .b-main{--cw:clamp(100px,15vw,150px)}
.reader-page .b-intro{padding-top:calc(var(--cw) * 2.2113 + 12px)}
.reader-page .dy-backdrop__img{background-image:url('../images/cross.webp');background-size:auto calc(var(--cw) * 2.2113);background-position:calc(50% - var(--cw) * -.082) 0}
.reader-page :is(.b-intro,.b-layout,.b-status){width:100%}
.reader-page .b-directory-links{display:grid;gap:12px;grid-column:1/-1}
.reader-page .b-directory-links>a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;border:1px solid var(--reader-line);border-radius:6px;background:rgba(201,168,76,.12);text-decoration:none;text-align:center}
.reader-page .b-directory-links>a:hover{background:rgba(201,168,76,.2)}
.reader-page .b-catalog-grid:has(.b-book-name){grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));grid-auto-rows:96px}
.reader-page .b-catalog-grid:has(.b-book-name)>a{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;padding:10px 6px;text-align:center;min-width:0}
.reader-page .b-book-name{display:block;white-space:nowrap;font-size:18px;line-height:1.7;max-width:100%}
.reader-page .b-catalog-grid:has(.b-book-name) small{display:block;white-space:nowrap;font-size:15px}
.reader-page .b-static-catalog .b-catalog-grid:has(.b-book-name){grid-template-columns:1fr}
.reader-page .b-reading-head{display:block!important}
.reader-page .b-reading-head>div{width:100%;min-width:0}
.reader-page .b-reading-tools{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;margin-bottom:14px}
.reader-page .b-reading-tools .b-breadcrumb{min-width:0;margin:0;line-height:1.8}
.reader-page .b-reading-tools .b-actions{display:flex;flex-wrap:nowrap;justify-self:end;gap:6px}
.reader-page .b-reading-tools .b-actions button{min-width:44px;min-height:44px;padding:8px;font-size:16px}
.reader-page #b-title{width:100%;max-width:none}
html body.reader-page .b-popup-verse,html body.reader-page .b-popup-verse>span{padding:0;text-indent:0!important;text-align:justify!important;text-align-last:auto;white-space:normal}
html body.reader-page .b-commentary-numbered{text-indent:0!important;padding-left:2.2em;position:relative;text-align:justify!important}
.reader-page .b-point-number{position:absolute;left:0;top:0;width:1.8em;text-align:right}
@media(max-width:640px){.reader-page .b-catalog-grid:has(.b-book-name){grid-template-columns:repeat(2,minmax(0,1fr))}.reader-page .b-book-name{font-size:17px}}
.reader-page .b-intro{margin-left:0}
/* Chapter titles use the complete row and natural Chinese flow on narrow screens. */
.reader-page #b-title .fit-line__clause{display:inline!important;white-space:normal!important}

/* Shared reader hero: edge-to-edge church image, with the whole cross above all panels. */
.reader-page .b-main{--reader-hero-height:max(280px,22.6879vw)}
.reader-page .dy-backdrop{width:100vw;max-width:none;height:var(--reader-hero-height);border:0;border-radius:0}
.reader-page .dy-backdrop__img{background-image:url('../images/cross-wide.webp');background-size:cover;background-position:center top}
.reader-page .dy-backdrop__glow{background:linear-gradient(180deg,rgba(30,24,16,.12),transparent 20%,transparent 91%,#1E1810 100%)}
.reader-page .b-main .b-intro{padding-top:calc(var(--reader-hero-height) + 12px)}
@media(max-width:640px){
 .reader-page .b-main{--reader-hero-height:280px}
 .reader-page .dy-backdrop__img{background-image:url('../images/cross.webp');background-position:48% top}
}
/* Desktop title overlays the free left half; the cross remains fully visible on the right. */
@media(min-width:981px){
 .reader-page .b-main .b-intro{box-sizing:border-box;min-height:var(--reader-hero-height);padding-top:48px;padding-bottom:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
 .reader-page .b-intro>.b-title,.reader-page .b-intro>p,.reader-page .b-intro>.b-intro-ornament{width:54%;max-width:54%;margin-inline:0;text-align:center}
}
/* Compact equal book tiles retain the confirmed name/count hierarchy. */
.reader-page .b-catalog-grid:has(.b-book-name){grid-auto-rows:76px}
.reader-page .b-catalog-grid:has(.b-book-name)>a{padding-block:6px}