body{margin:0;background:#f8f6f1;color:#23443e;font:16px/1.65 system-ui}header{background:#173b3b;color:white;padding:18px;font:26px Georgia}nav{padding:10px;background:white;display:flex;gap:6px;flex-wrap:wrap}main{max-width:1100px;margin:auto;padding:18px}h1,h2,h3{font-family:Georgia}button,select{font:inherit;border:1px solid #cad9ce;border-radius:8px;padding:9px;background:white;color:#235849;cursor:pointer;margin:4px}.lesson{display:block;width:100%;text-align:left}details,.card{background:white;border:1px solid #dce5dd;border-radius:9px;padding:13px;margin:10px 0}summary{cursor:pointer;font-weight:bold}.pair{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.pair section{background:white;border:1px solid #ddd;border-radius:9px;padding:13px}.pair section:first-child{background:#edf0e9}.pair.active section{outline:2px solid #76b694}.point.active{background:#e3f3e5}.point{cursor:pointer;padding:7px}.point+.point{border-top:1px solid #ddd}.player{position:sticky;top:0;z-index:2;background:white;border:1px solid #ddd;padding:12px;border-radius:9px}.player input[type=range]{width:100%}.verse{cursor:pointer;padding:7px;border-radius:6px}.verse[data-color=yellow]{background:#ffed9c}.verse[data-color=green]{background:#c9efb9}.verse[data-color=blue]{background:#c7e5ff}.verse[data-color=pink]{background:#ffd3e5}.verse[data-color=orange]{background:#ffddb5}.verse[data-color=purple]{background:#e4d6ff}.verse[data-color=teal]{background:#b6eee8}dialog{border:1px solid #cad9ce;border-radius:12px;max-width:700px;width:90%;max-height:80vh;overflow:auto}.chapter-scroll{max-height:50vh;overflow:auto}@media(max-width:650px){main{padding:10px}.pair{gap:5px}.pair section{padding:8px;font-size:14px}}
/* Traditional reading mode: inline verse numbers and continuous text */
.continuous-reading{max-width:780px;background:#fff;padding:24px 30px;border:1px solid #dce5dd;border-radius:10px;line-height:1.95;font-family:Georgia,serif;font-size:19px}.continuous-reading .verse{display:inline;padding:0;margin:0;border-radius:2px;line-height:inherit}.continuous-reading .verse::after{content:" "}.continuous-reading .verse b{font-size:.68em;vertical-align:super;margin-right:3px;color:#506d63}.continuous-reading .verse:hover{outline:1px dashed #8eb69d}@media(max-width:650px){.continuous-reading{padding:16px;font-size:17px}}

/* Wider traditional Bible reading page on desktop; retain comfortable line length */
.continuous-reading{max-width:100%;width:100%;padding:26px 36px}.continuous-reading .verse{line-height:inherit}@media(max-width:650px){.continuous-reading{padding:16px}}

/* Open-book Bible layout; one page on small screens */
.book-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:18px 0}.book-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1100px;min-height:620px;margin:0 auto;border:1px solid #d5c7ae;border-radius:8px;background:#f8f1e2;box-shadow:0 12px 30px #332b201a;overflow:hidden}.book-page{position:relative;min-width:0;padding:30px 34px 45px;background:linear-gradient(90deg,#fffaf0 0%,#fffcf5 90%,#e9dfcb 100%);font:18px/1.75 Georgia,serif;overflow-wrap:break-word}.book-page:nth-child(2){background:linear-gradient(90deg,#e8deca,#fffcf5 9%,#fffaf0 100%);border-left:2px solid #cfc2ac}.book-page-head{font:small-caps 14px Georgia;text-align:center;border-bottom:1px solid #d8cbb4;padding-bottom:10px;margin-bottom:20px}.book-page-text .verse{display:inline;padding:0;border-radius:2px;line-height:inherit}.book-page-text .verse::after{content:" "}.book-page-text .verse b{font-size:.7em;vertical-align:super;margin-right:3px;color:#765c44}.book-page-foot{position:absolute;bottom:12px;left:0;right:0;text-align:center;font:13px Georgia;color:#8d785c}.book-hint{font-size:13px;color:#6b8176;text-align:center}@media(max-width:700px){.book-spread{display:block;min-height:560px}.book-page{min-height:560px;padding:23px 22px 44px;font-size:17px;background:#fffcf5}.book-controls{justify-content:center}.book-controls span{order:-1;width:100%;text-align:center}}

/* Source-backed Hebrew / Greek word study */
.original-panel{border:1px solid #b8d1c4;border-radius:12px;background:#f1f5ee;padding:18px;margin:18px 0}.original-tokens{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}.original-token{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:95px;max-width:200px;padding:12px 10px;background:#fff;border:1px solid #c9d8cb;border-radius:9px;text-align:center;line-height:1.35}.original-token:hover{border-color:#38745c;background:#edf8ee}.original-script{font-family:"Noto Serif Hebrew","Noto Serif",Georgia,serif;font-size:23px;line-height:1.5;overflow-wrap:anywhere}.original-token small{color:#597266}.word-detail{line-height:1.7}.word-detail .original-script{font-size:32px}.original-panel .muted{font-size:13px;color:#526d61}.original-panel a{color:#235849}

/* English-first original-language display: prioritize the English gloss */
.original-token{min-width:135px;max-width:240px;gap:7px;padding:15px 13px}
.original-token>span:nth-child(2){font:600 20px/1.35 system-ui,sans-serif;color:#173b3b;order:0}
.original-token .original-script{font-size:21px;order:1;color:#3c6558}
.original-token small{font-size:12px;order:2}
.original-token:focus-visible{outline:3px solid #267e5e;outline-offset:2px}
@media(max-width:700px){.original-token{min-width:120px;flex:1}.original-token>span:nth-child(2){font-size:18px}}

.original-verse-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:12px 0}.original-verse-nav strong{font-family:Georgia,serif}.original-verse-nav button{white-space:nowrap}@media(max-width:600px){.original-verse-nav strong{width:100%;text-align:center;order:-1}}

.word-study-heading{display:flex;gap:18px;align-items:center;border-bottom:1px solid #dce5dd;padding-bottom:12px}.word-study-heading .original-script{font-size:34px}.word-detail h3{font-size:20px;margin:22px 0 8px}.word-detail p{margin:8px 0}.word-detail #occurrence-results button{display:block;text-align:left;width:100%;margin:6px 0}

/* Home background choices; images are loaded only when committed to public/home/ */
.home-hero{position:relative;isolation:isolate;min-height:570px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;background:#f8f6f1;text-align:center;padding:32px 20px}.home-hero.home-theme-sunrise,.home-hero.home-theme-olive{background-color:#28483e;background-position:center;background-size:cover;color:white}.home-theme-sunrise{background-image:linear-gradient(#061b1b88,#061b1b99),url('/home/home_sunrise.webp')}.home-theme-olive{background-image:linear-gradient(#061b1b88,#061b1b99),url('/home/home_biblical_landscape.webp')}.home-content{position:relative;z-index:1;width:min(760px,100%)}.home-hero h1{font-size:clamp(32px,5vw,58px);line-height:1.15}.home-theme-picker{margin:22px 0}.home-theme-picker select{background:#fff;color:#173b3b}.home-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.home-resume{margin:24px auto 0;padding:14px;border-radius:12px;background:#ffffffde;color:#173b3b;max-width:520px}.home-theme-plain .home-resume{border:1px solid #dce5dd}.home-hero button{background:#fff;color:#173b3b}@media(max-width:650px){.home-hero{min-height:480px;padding:18px 10px}.home-resume{margin-top:15px}}

/* Five approved scenic home backgrounds, stored as separate optimized image assets. */
.home-theme-jerusalem,.home-theme-hills,.home-theme-galilee,.home-theme-wilderness,.home-theme-olivepath,.home-theme-rotate{background-color:#28483e;background-position:center;background-size:cover;color:white}
.home-theme-jerusalem{background-image:linear-gradient(#061b1b88,#061b1b99),url('/home/home_jerusalem.webp')}
.home-theme-hills{background-image:linear-gradient(#061b1b88,#061b1b99),url('/Golden%20Sunset%20Over%20Ancient%20Olive%20Terraces.png')}
.home-theme-galilee{background-image:linear-gradient(#061b1b88,#061b1b99),url('/Golden%20Hour%20Boat%20on%20the%20Mediterranean%20Shore.png')}
.home-theme-wilderness{background-image:linear-gradient(#061b1b88,#061b1b99),url('/Golden%20Hour%20Valley%20Overlook.png')}
.home-theme-olivepath{background-image:linear-gradient(#061b1b88,#061b1b99),url('/home_olive_path.webp')}
.home-theme-rotate{animation:home-landscapes 50s step-end infinite}
@keyframes home-landscapes{
0%,19.99%{background-image:linear-gradient(#061b1b55,#061b1b66),url('/home/home_open_bible.webp')}
20%,39.99%{background-image:linear-gradient(#061b1b55,#061b1b66),url('/home/Golden-Hour%20City%20Through%20the%20Ancient%20Arch.png')}
40%,59.99%{background-image:linear-gradient(#061b1b55,#061b1b66),url('/Golden%20Sunset%20Over%20Ancient%20Olive%20Terraces.png')}
60%,79.99%{background-image:linear-gradient(#061b1b55,#061b1b66),url('/Golden%20Hour%20Boat%20on%20the%20Mediterranean%20Shore.png')}
80%,99.99%{background-image:linear-gradient(#061b1b55,#061b1b66),url('/Golden%20Hour%20Valley%20Overlook.png')}
}
@media(prefers-reduced-motion:reduce){.home-theme-rotate{animation:none;background-image:linear-gradient(#061b1b55,#061b1b66),url('/home/home_open_bible.webp')}}

/* Immersive home, staged redesign. No impact on lesson or reader styles. */
main.home-page{max-width:none;padding:0}.home-page .home-hero{min-height:calc(100vh - 150px);border-radius:0;padding:38px 4vw 26px;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.home-page .home-content{width:100%;max-width:1250px;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-page .home-hero:not(.home-theme-plain){background-position:center center}.home-page .home-hero:not(.home-theme-plain)::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06171540 0%,#071a1920 36%,#06171575 100%);z-index:-1}.home-page .home-hero h1{font-size:clamp(40px,5.4vw,76px);margin:0 0 8px;text-shadow:0 3px 15px #0008}.home-page .home-tagline{font:clamp(17px,2vw,25px) Georgia,serif;margin:0 0 24px;text-shadow:0 2px 12px #0008}.home-page .home-verse{font:italic clamp(16px,1.7vw,21px)/1.5 Georgia,serif;max-width:520px;margin-bottom:36px;text-shadow:0 2px 12px #000a}.home-page .home-verse small,.home-page .home-bottom-quote small{display:block;font-size:13px;margin-top:6px}.home-page .home-actions{gap:14px}.home-page .home-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:142px;min-height:124px;gap:12px;border:1px solid #e2c99988;border-radius:16px;background:#061b1b88;color:#fff;backdrop-filter:blur(7px);font-size:16px;line-height:1.35;box-shadow:0 8px 22px #0002}.home-page .home-actions button:hover{background:#163d39dd;transform:translateY(-2px)}.home-page .home-action-icon{font-size:31px;color:#f6d38f;line-height:1}.home-page .home-bottom{margin-top:auto;padding-top:50px;width:100%;display:flex;justify-content:space-between;align-items:end;gap:20px}.home-page .home-bottom-quote{background:#081a19aa;border-radius:12px;padding:14px;text-align:left;max-width:300px;font:italic 15px/1.4 Georgia,serif}.home-page .home-theme-picker{margin:0;background:#081a19a8;padding:10px 14px;border-radius:14px}.home-page .home-theme-picker label{font-size:13px}.home-page .home-theme-picker select{padding:6px;font-size:13px}.home-page .home-thumbnails{display:flex;gap:7px;margin-top:8px;justify-content:center}.home-page .home-thumb{width:66px;height:45px;padding:0;border:2px solid #ffffff55;border-radius:7px;background-size:cover;background-position:center}.home-page .home-thumb.selected{border-color:white;box-shadow:0 0 0 2px #d7b679}.home-page .home-thumb[data-home-scene=jerusalem]{background-image:url('/home/home_jerusalem.webp')}.home-page .home-thumb[data-home-scene=hills]{background-image:url('/Golden%20Sunset%20Over%20Ancient%20Olive%20Terraces.png')}.home-page .home-thumb[data-home-scene=galilee]{background-image:url('/Golden%20Hour%20Boat%20on%20the%20Mediterranean%20Shore.png')}.home-page .home-thumb[data-home-scene=wilderness]{background-image:url('/Golden%20Hour%20Valley%20Overlook.png')}.home-page .home-thumb[data-home-scene=olivepath]{background-image:url('/home_olive_path.webp')}.home-page .home-theme-plain .home-actions button{background:#fff;color:#173b3b;border-color:#cad9ce}.home-page .home-theme-plain .home-verse{text-shadow:none}.home-page .home-theme-plain .home-bottom-quote,.home-page .home-theme-plain .home-theme-picker{background:#e9eee8;color:#173b3b}@media(max-width:700px){.home-page .home-hero{min-height:calc(100svh - 130px);padding:30px 12px 15px}.home-page .home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:360px;gap:8px}.home-page .home-actions button{min-width:0;min-height:90px;font-size:14px}.home-page .home-verse{margin-bottom:20px}.home-page .home-bottom{padding-top:25px;flex-direction:column;align-items:center}.home-page .home-bottom-quote{display:none}.home-page .home-thumb{width:48px;height:36px}}

/* Desktop Home: fit entirely into available viewport; mobile retains natural scroll if needed. */
@media(min-width:701px){body:has(main.home-page){height:100dvh;overflow:hidden}body:has(main.home-page) header{height:70px;box-sizing:border-box;padding:14px 18px}body:has(main.home-page) nav{height:76px;box-sizing:border-box;align-items:center}main.home-page{height:calc(100dvh - 146px);box-sizing:border-box;overflow:hidden}.home-page .home-hero{min-height:0;height:100%;box-sizing:border-box;padding:20px 3vw 16px}.home-page .home-content{height:100%;box-sizing:border-box}.home-page .home-hero h1{font-size:clamp(32px,4.2vw,62px)}.home-page .home-tagline{margin-bottom:10px}.home-page .home-verse{margin-bottom:16px}.home-page .home-actions button{min-height:100px}.home-page .home-bottom{padding-top:12px}.home-page .home-thumb{height:35px;width:60px}}
.home-page .home-hero:not(.home-theme-plain)::before{background:linear-gradient(180deg,#06171524 0%,#071a1914 36%,#06171560 100%)}
@media(max-height:800px) and (min-width:701px){.home-page .home-hero h1{font-size:clamp(30px,3.4vw,50px)}.home-page .home-tagline{font-size:18px}.home-page .home-verse{font-size:16px;margin-bottom:12px}.home-page .home-actions button{min-height:80px}.home-page .home-bottom-quote{padding:8px}.home-page .home-bottom{padding-top:5px}}

/* Approved original artwork: open Bible overlooking biblical landscape */
.home-page .home-theme-openbible{background-color:#28483e;background-image:linear-gradient(#061b1b38,#061b1b50),url('/home/home_open_bible.webp');background-position:center;background-size:cover;color:white}
.home-page .home-thumb[data-home-scene=openbible]{background-image:url('/home/home_open_bible.webp')}

/* Latest approved high-definition Ancient Jerusalem artwork */
.home-theme-jerusalem{background-image:linear-gradient(#061b1b38,#061b1b50),url('/home/Golden-Hour%20City%20Through%20the%20Ancient%20Arch.png')}
.home-page .home-thumb[data-home-scene=jerusalem]{background-image:url('/home/Golden-Hour%20City%20Through%20the%20Ancient%20Arch.png')}


/* Optional chapter artwork shared by Scripture Reader and Study lessons */
.chapter-art-shell{border-radius:16px;overflow:hidden;background-position:center;background-size:cover;background-attachment:local;padding:14px;margin-top:14px}
.chapter-art-controls{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-bottom:12px;padding:9px 12px;background:#f7f4ecf0;border:1px solid #d5d6c9;border-radius:10px;color:#183e3a}
.chapter-art-controls label{display:flex;align-items:center;gap:8px}.chapter-art-controls select,.chapter-art-controls button{padding:7px 10px;border:1px solid #a7bcb2;border-radius:8px;background:white;color:#183e3a}
.chapter-art-panel{border-radius:12px;padding:clamp(12px,3vw,28px);min-height:100px}
.chapter-art-shell.art-light .chapter-art-panel{background:rgba(250,247,239,.93);color:#193936}
.chapter-art-shell.art-dark .chapter-art-panel{background:rgba(15,27,28,.90);color:#f7f2e8}
.chapter-art-shell.art-dark .chapter-art-panel h2,.chapter-art-shell.art-dark .chapter-art-panel h3,.chapter-art-shell.art-dark .chapter-art-panel p{color:inherit}
.chapter-art-shell.art-dark .pair section,.chapter-art-shell.art-dark .book-page{background:#1e3030;color:#fff}
.chapter-art-shell.art-plain{padding:0;background:none}.chapter-art-shell.art-plain .chapter-art-panel{padding:0}
.chapter-art-dialog{border:0;border-radius:14px;background:#111;padding:12px;max-width:96vw;max-height:96vh;color:white}.chapter-art-dialog::backdrop{background:#000e}.chapter-art-dialog button{display:block;margin:0 0 10px auto}.chapter-art-dialog img{display:block;max-width:90vw;max-height:80vh;object-fit:contain}


/* Full-bleed chapter art: cover reading viewport instead of a boxed image */
body:has(.chapter-art-shell:not(.art-plain)){background:#152a2b}
body:has(.chapter-art-shell:not(.art-plain)) main:not(.home-page){max-width:none;width:100%;box-sizing:border-box;padding:20px clamp(12px,3vw,44px);margin:0}
body:has(.chapter-art-shell:not(.art-plain)) .chapter-art-shell{position:relative;isolation:isolate;background-image:none!important;border:0;border-radius:0;overflow:visible;margin:18px calc(-1 * clamp(12px,3vw,44px)) -20px;padding:clamp(18px,3vw,44px);min-height:calc(100vh - 225px)}
body:has(.chapter-art-shell:not(.art-plain)) .chapter-art-shell:before{content:"";position:fixed;inset:0;background-image:var(--chapter-image);background-position:center;background-size:cover;z-index:-2;pointer-events:none}
body:has(.chapter-art-shell:not(.art-plain)) .chapter-art-shell:after{content:"";position:fixed;inset:0;background:#071d1e4a;z-index:-1;pointer-events:none}
body:has(.chapter-art-shell:not(.art-plain)) .chapter-art-controls{max-width:1050px;margin:0 auto 18px}
body:has(.chapter-art-shell:not(.art-plain)) .chapter-art-panel{max-width:1050px;margin:auto;box-sizing:border-box;min-height:50vh;box-shadow:0 12px 38px #0003}
body:has(.chapter-art-shell:not(.art-plain)) #reading,body:has(.chapter-art-shell:not(.art-plain)) #pairs{max-width:none}
body:has(.chapter-art-shell:not(.art-plain)) .continuous-reading{max-width:none}
@media(max-width:700px){body:has(.chapter-art-shell:not(.art-plain)) .chapter-art-shell{padding:12px;min-height:calc(100svh - 230px)}body:has(.chapter-art-shell:not(.art-plain)) .chapter-art-controls{justify-content:center}}


/* Keep the entire Bible/study toolbar above the chapter scenery while scrolling. */
body:has(.chapter-art-shell:not(.art-plain)) header{position:sticky;top:0;z-index:50;box-sizing:border-box;background:#173b3b}
body:has(.chapter-art-shell:not(.art-plain)) nav{position:sticky;top:68px;z-index:49;box-sizing:border-box;background:#fff;box-shadow:0 2px 8px #0002}
body:has(.chapter-art-shell:not(.art-plain)) main:not(.home-page)>h1,
body:has(.chapter-art-shell:not(.art-plain)) main:not(.home-page)>p,
body:has(.chapter-art-shell:not(.art-plain)) main:not(.home-page)>label,
body:has(.chapter-art-shell:not(.art-plain)) main:not(.home-page)>select,
body:has(.chapter-art-shell:not(.art-plain)) main:not(.home-page)>button,
body:has(.chapter-art-shell:not(.art-plain)) main:not(.home-page)>.player{position:relative;z-index:2}
body:has(.chapter-art-shell:not(.art-plain)) .chapter-art-shell:before{top:145px;background-position:center center}
body:has(.chapter-art-shell:not(.art-plain)) .chapter-art-shell:after{top:145px}
body:has(.chapter-art-shell:not(.art-plain)) main:not(.home-page){background:transparent}
body:has(.chapter-art-shell:not(.art-plain)) .chapter-art-controls{position:relative;z-index:3}
@media(max-width:700px){body:has(.chapter-art-shell:not(.art-plain)) nav{top:68px}body:has(.chapter-art-shell:not(.art-plain)) .chapter-art-shell:before,body:has(.chapter-art-shell:not(.art-plain)) .chapter-art-shell:after{top:145px}}


/* Chapter artwork contrast and reading-mode repair */
body:has(.chapter-art-shell:not(.art-plain)) main:not(.home-page)>h1,
body:has(.chapter-art-shell:not(.art-plain)) main:not(.home-page)>label{color:#fff;text-shadow:0 2px 8px #000b}
body:has(.chapter-art-shell:not(.art-plain)) main:not(.home-page)>select{color:#173b3b;text-shadow:none}
.chapter-art-shell.art-light .chapter-art-panel{background:rgba(250,247,239,.96)!important;color:#193936!important}
.chapter-art-shell.art-dark .chapter-art-panel{background:rgba(17,29,31,.94)!important;color:#f7f3e9!important}
.chapter-art-shell.art-light .chapter-art-panel h2,.chapter-art-shell.art-light .chapter-art-panel h3,.chapter-art-shell.art-light .chapter-art-panel .verse,.chapter-art-shell.art-light .chapter-art-panel .continuous-reading,.chapter-art-shell.art-light .chapter-art-panel .continuous-reading .verse{color:#193936!important}
.chapter-art-shell.art-dark .chapter-art-panel h2,.chapter-art-shell.art-dark .chapter-art-panel h3,.chapter-art-shell.art-dark .chapter-art-panel p,.chapter-art-shell.art-dark .chapter-art-panel .verse,.chapter-art-shell.art-dark .chapter-art-panel .continuous-reading,.chapter-art-shell.art-dark .chapter-art-panel .continuous-reading .verse,.chapter-art-shell.art-dark .chapter-art-panel .continuous-reading .verse b{color:#f7f3e9!important}
.chapter-art-shell.art-light .continuous-reading{background:rgba(255,252,246,.96)!important;border-color:#cbd5cb!important}
.chapter-art-shell.art-dark .continuous-reading{background:#1c3031!important;border-color:#526461!important}
.chapter-art-shell.art-dark .continuous-reading .verse b{color:#e3c990!important}
.chapter-art-shell.art-light .continuous-reading .verse b{color:#476b60!important}
.chapter-art-shell.art-light .chapter-art-panel .book-page{background:#fffaf0!important;color:#193936!important}
.chapter-art-shell.art-dark .chapter-art-panel .book-page{background:#213536!important;color:#f7f3e9!important}
.chapter-art-shell.art-dark .book-page .verse,.chapter-art-shell.art-dark .book-page-head,.chapter-art-shell.art-dark .book-page-foot{color:#f7f3e9!important}
.chapter-art-shell.art-light .pair section{background:#f8f5ed!important;color:#193936!important}
.chapter-art-shell.art-dark .pair section{background:#213536!important;color:#f7f3e9!important}
.chapter-art-shell.art-dark .pair section h3,.chapter-art-shell.art-dark .pair section h4,.chapter-art-shell.art-dark .pair section p{color:#f7f3e9!important}
.chapter-art-shell .chapter-art-controls{background:#f8f6f1f5!important;color:#173b3b!important}
.chapter-art-shell .chapter-art-controls label{color:#173b3b!important;text-shadow:none!important}
.chapter-art-shell .chapter-art-controls button,.chapter-art-shell .chapter-art-controls select{background:#fff!important;color:#173b3b!important}


/* Align chapter artwork toolbar and every Bible reading layout to one consistent width */
.chapter-art-shell{--chapter-panel-width:1120px}
body:has(.chapter-art-shell:not(.art-plain)) .chapter-art-controls,
body:has(.chapter-art-shell:not(.art-plain)) .chapter-art-panel{width:100%;max-width:var(--chapter-panel-width);box-sizing:border-box;margin-left:auto;margin-right:auto}
.chapter-art-shell .chapter-art-panel .continuous-reading{width:100%;max-width:none;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none}
.chapter-art-shell.art-light .chapter-art-panel .continuous-reading{background:transparent!important;color:#193936!important}
.chapter-art-shell.art-dark .chapter-art-panel .continuous-reading{background:transparent!important;color:#f7f3e9!important}
.chapter-art-shell .chapter-art-panel>.book-controls,.chapter-art-shell .chapter-art-panel>.book-spread,.chapter-art-shell .chapter-art-panel>.book-hint{max-width:100%;box-sizing:border-box}
.chapter-art-shell .chapter-art-panel .book-spread{width:100%}
@media(max-width:700px){.chapter-art-shell .chapter-art-panel .continuous-reading{padding:0!important}}


/* Readable highlight contrast across every dark artwork reading layout */
.chapter-art-shell.art-dark .chapter-art-panel .verse[data-color]:not([data-color=""]),
.chapter-art-shell.art-dark .chapter-art-panel .continuous-reading .verse[data-color]:not([data-color=""]),
.chapter-art-shell.art-dark .chapter-art-panel .book-page .verse[data-color]:not([data-color=""]),
.chapter-art-shell.art-dark .chapter-art-panel .pair .verse[data-color]:not([data-color=""]){color:#142d2b!important;text-shadow:none!important}
.chapter-art-shell.art-dark .chapter-art-panel .verse[data-color]:not([data-color=""]) b,
.chapter-art-shell.art-dark .chapter-art-panel .continuous-reading .verse[data-color]:not([data-color=""]) b{color:#142d2b!important}


.chapter-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:10px 12px;border-radius:10px;background:#f7f4ecf0;color:#183e3a}
.chapter-nav button{min-width:135px;background:#fff;color:#183e3a}
.chapter-nav button:disabled{opacity:.4;cursor:default}
.chapter-art-shell.art-dark .chapter-nav,.chapter-art-shell.art-light .chapter-nav{background:#f7f4ecf0!important;color:#183e3a!important}
@media(max-width:600px){.chapter-nav{gap:5px;padding:7px}.chapter-nav button{min-width:0;font-size:12px;padding:7px 5px}.chapter-nav strong{font-size:12px;text-align:center}}


/* Original-language study must always be readable over chapter artwork */
body:has(.chapter-art-shell:not(.art-plain)) #original-container:not(:empty){position:relative;z-index:12;isolation:isolate;max-width:1120px;box-sizing:border-box;margin:18px auto;padding:20px;background:#f8f7f2!important;color:#173b3b!important;border:1px solid #c6d5ca;border-radius:14px;box-shadow:0 12px 36px #0006}
body:has(.chapter-art-shell:not(.art-plain)) #original-container .original-panel{background:#eef3ec!important;color:#173b3b!important}
body:has(.chapter-art-shell:not(.art-plain)) #original-container .original-token{background:#fff!important;color:#173b3b!important}
body:has(.chapter-art-shell:not(.art-plain)) #original-container h2,body:has(.chapter-art-shell:not(.art-plain)) #original-container h3,body:has(.chapter-art-shell:not(.art-plain)) #original-container p,body:has(.chapter-art-shell:not(.art-plain)) #original-container strong{color:#173b3b!important;text-shadow:none!important}
body:has(.chapter-art-shell:not(.art-plain)) #original-container button{color:#173b3b;background:#fff}
body:has(.chapter-art-shell:not(.art-plain)) #original-container:empty{display:none}
@media(max-width:700px){body:has(.chapter-art-shell:not(.art-plain)) #original-container:not(:empty){padding:10px;margin:12px 0}}


.original-verse-nav #close-original{margin-left:auto;background:#173b3b!important;color:#fff!important;border-color:#173b3b!important;font-weight:600}
.original-verse-nav #close-original:hover{background:#295b50!important}
@media(max-width:650px){.original-verse-nav #close-original{width:100%;margin-left:0}}

/* Keep the complete Scripture + Study card heading visible after Follow Along scrolls. */
#pairs .pair{scroll-margin-top:170px}
@media(max-width:700px){#pairs .pair{scroll-margin-top:155px}}

/* Follow Along: active study text must contrast with its pale-green highlight in every theme. */
#pairs .pair .point.active{background:#d9f0dd!important;color:#173b3b!important;border-radius:6px}
#pairs .pair .point.active h4,
#pairs .pair .point.active p,
#pairs .pair .point.active strong,
#pairs .pair .point.active em,
.chapter-art-shell.art-dark #pairs .pair .point.active h4,
.chapter-art-shell.art-dark #pairs .pair .point.active p{color:#173b3b!important;text-shadow:none!important}
#pairs .pair .point.active *{text-shadow:none!important}

/* Browser narrator preferences */
.voice-settings{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:10px 0}
.voice-settings label{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:600;color:#23443e}
.voice-settings select{margin:0;max-width:min(65vw,360px);font-size:14px}
.voice-settings button{margin:0;font-size:14px}
@media(max-width:600px){.voice-settings{align-items:stretch}.voice-settings label:first-child{flex:1 1 100%}.voice-settings select{max-width:100%;width:100%}}

/* Universal lesson reader: keep passage tops visible and readable on phones. */
@media(max-width:700px){
  main>.player,body:has(.chapter-art-shell) main>.player{position:relative!important;top:auto!important}
  #pairs .pair{display:flex!important;flex-direction:column!important;gap:10px!important;scroll-margin-top:12px!important}
  #pairs .pair section{width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:14px!important;font-size:16px!important;line-height:1.7!important;overflow-wrap:anywhere}
  #pairs .pair section h3{margin-top:0}
  .player{padding:12px!important}
}
@media(min-width:701px){#pairs .pair{scroll-margin-top:12px!important}}

/* Universal adaptive Scripture Study player — portrait, landscape, foldables and tablets. */
@media(max-width:850px){
  #pairs .pair{display:flex!important;flex-direction:column!important;gap:8px!important;scroll-margin-top:8px!important}
  #pairs .pair section{box-sizing:border-box!important;width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;padding:12px!important;font-size:16px!important;line-height:1.65!important}
  #pairs .pair section h3{margin-top:0}
}
@media(min-width:851px){
  #pairs .pair{scroll-margin-top:8px!important}
}
/* A phone in landscape has little vertical room: compress controls and keep text visible. */
@media(orientation:landscape) and (max-height:650px){
  main>.player,body:has(.chapter-art-shell) main>.player{position:relative!important;top:auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:4px 9px!important;padding:5px 9px!important;margin:4px 0 8px!important;border-radius:8px!important}
  main>.player>label{display:inline-flex!important;align-items:center!important;gap:5px!important;margin:0!important;font-size:13px!important}
  main>.player>label select{max-width:175px!important}
  main>.player .voice-settings{display:none!important}
  main>.player #count{margin:0!important;font-size:12px!important;white-space:nowrap!important}
  main>.player #seek{flex:1 1 130px!important;min-width:100px!important;width:auto!important;margin:0!important;height:20px!important}
  main>.player button{font-size:12px!important;padding:3px 7px!important;margin:0!important}
  main>.player #audio{display:none!important}
  #pairs .pair section{padding:10px!important}
}

/* Shared responsive study layout: side-by-side when there is usable width. */
@media (min-width:700px), (orientation:landscape) and (min-width:600px){
  #pairs .pair{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important;scroll-margin-top:8px!important}
  #pairs .pair section{min-width:0!important;width:auto!important;box-sizing:border-box!important;overflow-wrap:anywhere!important;padding:12px!important}
}
@media (max-width:699px) and (orientation:portrait), (max-width:599px) and (orientation:landscape){
  #pairs .pair{display:flex!important;flex-direction:column!important;gap:8px!important}
  #pairs .pair section{width:100%!important;min-width:0!important;box-sizing:border-box!important}
}

/* Persistent compact audio transport across all lessons, without covering the reading columns. */
.mini-player{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 8px);right:12px;z-index:1000;display:flex;align-items:center;gap:3px;padding:4px 6px;border-radius:999px;background:#173b3bf2;color:white;box-shadow:0 3px 16px #0004;border:1px solid #ffffff55;max-width:calc(100vw - 24px)}
.mini-player button{margin:0!important;padding:4px 8px!important;min-width:30px;min-height:32px;border-radius:999px;background:#f8f6f1;color:#173b3b;font-size:13px;line-height:1.1;font-weight:650}
.mini-player #mini-play{min-width:58px}
.mini-player #mini-count{font-size:12px;white-space:nowrap;padding:0 5px;font-variant-numeric:tabular-nums}
@media(max-width:700px){.mini-player{top:calc(env(safe-area-inset-top, 0px) + 6px);right:6px;padding:3px 5px}.mini-player button{min-height:30px;min-width:28px;padding:4px 6px!important}}

/* Global collapsible full-size player. Floating ribbon remains available at all times. */
.player-collapsible{padding:6px 10px!important}
.player-collapsible #player-toggle{display:none;margin:0!important;font-size:13px!important;padding:5px 9px!important}
.player-collapsible .player-settings{display:block}
@media(min-width:700px), (orientation:landscape) and (min-width:600px){
  .player-collapsible #player-toggle{display:inline-flex!important;align-items:center!important}
  .player-collapsible:not(.expanded) .player-settings{display:none!important}
  .player-collapsible.expanded .player-settings{display:block!important}
  .player-collapsible:not(.expanded){min-height:0!important;margin:6px 0 10px!important}
  .player-collapsible.expanded{padding:12px!important}
}
@media(orientation:landscape) and (max-height:650px){
  .player-collapsible .player-settings{width:100%!important}
  .player-collapsible.expanded .player-settings{display:block!important}
  .player-collapsible.expanded .player-settings>label{display:inline-flex!important;margin:0 8px 3px 0!important}
  .player-collapsible.expanded .player-settings button{padding:3px 7px!important;font-size:12px!important}
}

/* Global high-contrast active study passage, including dark chapter-art themes. */
#pairs .pair section .point.active,
body .chapter-art-shell.art-dark #pairs .pair section .point.active,
body:has(.chapter-art-shell.art-dark) #pairs .pair section .point.active{
  background:#d7efd9!important;color:#143a35!important;text-shadow:none!important;
  -webkit-text-fill-color:#143a35!important;border-radius:6px!important;
}
#pairs .pair section .point.active *,
body .chapter-art-shell.art-dark #pairs .pair section .point.active *,
body:has(.chapter-art-shell.art-dark) #pairs .pair section .point.active *{
  color:#143a35!important;-webkit-text-fill-color:#143a35!important;
  text-shadow:none!important;opacity:1!important;
}
#pairs .pair section .point.active h4{font-weight:750!important}

/* Single source of truth for lesson reading: only the mini ribbon floats.
   Header, navigation and large controls must never obscure the passage top. */
body:has(#pairs) header,
body:has(#pairs) nav,
body:has(#pairs) main>.player,
body:has(#pairs) main>.player-collapsible,
body:has(#pairs) main:not(.home-page)>.player{
  position:relative!important;top:auto!important;
}
body:has(#pairs) header,body:has(#pairs) nav{z-index:1!important}
body:has(#pairs) main>.player{z-index:1!important}
body:has(#pairs) #pairs .pair,
body:has(#pairs) #pairs .pair section,
body:has(#pairs) #pairs .pair .point{scroll-margin-top:68px!important}
body:has(#pairs) .mini-player{position:fixed!important;z-index:1000!important}

/* Universal chapter mode independent of artwork availability and lesson number. */
.chapter-art-shell.art-dark{background-color:#142628!important;color:#f7f3e9!important}
.chapter-art-shell.art-light{background-color:#f8f5ed!important;color:#193936!important}
.chapter-art-shell.art-dark .chapter-art-panel,
.chapter-art-shell.art-dark #pairs,
.chapter-art-shell.art-dark .pair,
.chapter-art-shell.art-dark .pair section{background-color:#213536!important;color:#f7f3e9!important}
.chapter-art-shell.art-light .chapter-art-panel,
.chapter-art-shell.art-light #pairs,
.chapter-art-shell.art-light .pair,
.chapter-art-shell.art-light .pair section{background-color:#f8f5ed!important;color:#193936!important}
.chapter-art-shell.art-dark .pair section h3,
.chapter-art-shell.art-dark .pair section h4,
.chapter-art-shell.art-dark .pair section p,
.chapter-art-shell.art-dark .pair section article:not(.active),
.chapter-art-shell.art-dark .pair section article:not(.active) *{color:#f7f3e9!important;-webkit-text-fill-color:#f7f3e9!important}
.chapter-art-shell.art-light .pair section h3,
.chapter-art-shell.art-light .pair section h4,
.chapter-art-shell.art-light .pair section p,
.chapter-art-shell.art-light .pair section article:not(.active),
.chapter-art-shell.art-light .pair section article:not(.active) *{color:#193936!important;-webkit-text-fill-color:#193936!important}
.chapter-art-shell.art-dark .pair .point.active,
.chapter-art-shell.art-light .pair .point.active{background:#d7efd9!important;color:#143a35!important;-webkit-text-fill-color:#143a35!important}
.chapter-art-shell.art-dark .pair .point.active *,
.chapter-art-shell.art-light .pair .point.active *{color:#143a35!important;-webkit-text-fill-color:#143a35!important;text-shadow:none!important}
.chapter-art-shell.no-art{background-image:none!important}

/* Shared Follow Along: highlight the Scripture column when its audio is active.
   Keep existing Study highlights and dark/light themes intact. */
#pairs .pair section.scripture-active,
.chapter-art-shell.art-dark #pairs .pair section.scripture-active,
.chapter-art-shell.art-light #pairs .pair section.scripture-active{
 background:#d7efd9!important;color:#143a35!important;
 -webkit-text-fill-color:#143a35!important;transition:background-color .18s ease;
}
#pairs .pair section.scripture-active *,
.chapter-art-shell.art-dark #pairs .pair section.scripture-active *,
.chapter-art-shell.art-light #pairs .pair section.scripture-active *{
 color:#143a35!important;-webkit-text-fill-color:#143a35!important;text-shadow:none!important;
}

/* Shared responsive reader, final override: portrait handsets stack; wide tablets and landscape retain columns. */
@media (orientation:portrait) and (max-width:899px) {
 body:has(#pairs) #pairs .pair,
 .chapter-art-shell #pairs .pair{
   display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:12px!important;
 }
 body:has(#pairs) #pairs .pair>section,
 .chapter-art-shell #pairs .pair>section{
   width:100%!important;min-width:0!important;max-width:100%!important;
   box-sizing:border-box!important;padding:14px!important;overflow-wrap:anywhere!important;
 }
}
/* Active study text must win over generic dark-mode article rules. */
body:has(#pairs) .chapter-art-shell.art-dark #pairs .pair section article.point.active,
body:has(#pairs) .chapter-art-shell.art-light #pairs .pair section article.point.active,
body:has(#pairs) #pairs .pair section article.point.active{
 background:#d7efd9!important;color:#143a35!important;-webkit-text-fill-color:#143a35!important;
}
body:has(#pairs) .chapter-art-shell.art-dark #pairs .pair section article.point.active *,
body:has(#pairs) .chapter-art-shell.art-light #pairs .pair section article.point.active *,
body:has(#pairs) #pairs .pair section article.point.active *{
 color:#143a35!important;-webkit-text-fill-color:#143a35!important;opacity:1!important;text-shadow:none!important;
}
body:has(#pairs) .chapter-art-shell.art-dark #pairs .pair section.scripture-active *,
body:has(#pairs) #pairs .pair section.scripture-active *{
 color:#143a35!important;-webkit-text-fill-color:#143a35!important;opacity:1!important;
}
body:has(#pairs) .mini-player #mini-settings{font-size:15px!important;min-width:28px!important}
body:has(#pairs) .player-collapsible{scroll-margin-top:80px!important}


/* Wide page and artwork gallery: keep every image inside the viewport. */
main{max-width:none;box-sizing:border-box;width:100%}
.chapter-art-dialog{box-sizing:border-box;width:calc(100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:none;margin:auto;padding:12px;overflow:hidden}
.chapter-art-dialog[open]{display:flex;flex-direction:column;gap:10px}
.chapter-art-gallery-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.chapter-art-dialog .chapter-art-gallery-header button{margin:0;flex-shrink:0}
.chapter-art-stage{position:relative;flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center}
.chapter-art-dialog .chapter-art-stage img{width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;object-fit:contain}
.chapter-art-dialog .chapter-art-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:64px;margin:0;padding:0;background:#142a27df;color:white;border:1px solid #ffffff90;font-size:42px;line-height:1;box-shadow:0 2px 12px #0008}
.chapter-art-dialog .art-previous{left:8px}.chapter-art-dialog .art-next{right:8px}
.chapter-art-dialog .chapter-art-arrow[hidden]{display:none}
.chapter-art-dialog button:focus-visible{outline:3px solid #f2cf76;outline-offset:3px}
@media(max-width:600px){.chapter-art-dialog{width:100vw;height:100dvh;padding:8px;border-radius:0}.chapter-art-gallery-header{gap:6px;font-size:14px}.chapter-art-dialog .chapter-art-arrow{width:40px;height:56px}.chapter-art-dialog .art-previous{left:2px}.chapter-art-dialog .art-next{right:2px}}

/* One shared edge for listening settings, artwork controls and reading panels. */
body:has(.chapter-art-shell) main>.player,
body:has(.chapter-art-shell) .chapter-art-controls,
body:has(.chapter-art-shell) .chapter-art-panel{box-sizing:border-box!important;width:100%!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important}
body:has(.chapter-art-shell) main>.player{margin-top:12px!important;margin-bottom:12px!important}
/* The saved panel choice also themes navigation, dialogs and listening controls. */
html[data-panel-theme=dark]{color-scheme:dark;--surface:#213536;--control:#192d2f;--ink:#f7f3e9;--edge:#627775}
html[data-panel-theme=dark] body{background-color:#142628;color:var(--ink)}
html[data-panel-theme=dark] body :is(nav,.player,.chapter-art-controls,.chapter-nav,.card,details,.original-panel,.original-token,.home-theme-picker,dialog:not(.chapter-art-dialog)){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--edge)!important}
html[data-panel-theme=dark] body :is(button,select,input:not([type=range]):not([type=checkbox]),textarea){background-color:var(--control)!important;color:var(--ink)!important;border-color:var(--edge)!important}
html[data-panel-theme=dark] body :is(.player,.chapter-art-controls,.chapter-nav) :is(label,p,strong,span){color:var(--ink)!important;text-shadow:none!important}
html[data-panel-theme=dark] body main:not(.home-page)>p{color:var(--ink)!important}
html[data-panel-theme=dark] body:has(.chapter-art-shell) #original-container:not(:empty),
html[data-panel-theme=dark] body:has(.chapter-art-shell) #original-container :is(h2,h3,p,strong,button,.original-panel,.original-token){background-color:var(--surface)!important;color:var(--ink)!important;border-color:var(--edge)!important}
html[data-panel-theme=dark] body a{color:#b1dfd4}
html[data-panel-theme=dark] body .mini-player{background:#192d2ff5;color:var(--ink);border-color:var(--edge)}
html[data-panel-theme=dark] body .home-theme-plain :is(.home-actions button,.home-bottom-quote,.home-theme-picker){background:var(--surface)!important;color:var(--ink)!important}

.audio-timeline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.audio-timeline input{flex:1;min-width:120px}.audio-timeline span{font-variant-numeric:tabular-nums;font-size:14px}


/* Fixed section controls stay reachable while reading on desktop and phone. */
.section-arrow{position:fixed!important;top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;transform:none!important;z-index:1001!important;display:grid;place-items:center;width:44px;height:56px;padding:0!important;margin:0!important;border-radius:12px;background:#173b3bf2;color:#fff;font-size:38px;line-height:1;box-shadow:0 2px 12px #0004;border:1px solid #ffffff80;touch-action:manipulation}
.section-previous{left:max(12px,env(safe-area-inset-left))!important;right:auto!important}.section-next{right:max(12px,env(safe-area-inset-right))!important;left:auto!important}
.section-arrow:disabled{opacity:.35;cursor:default}.section-arrow:focus-visible{outline:3px solid #dcae55;outline-offset:2px}
body:has(#pairs) main{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
.lesson-navigation{display:flex;justify-content:space-between;gap:12px;margin:24px 0}.lesson-navigation button{min-height:44px}
@media(max-width:600px){.section-arrow{width:44px;height:48px;font-size:30px;border-radius:9px}.lesson-navigation{flex-wrap:wrap}}
/* Inline Scripture references keep normal text flow and remain accessible links. */
body #pairs .point .scripture-reference,body #pairs .point.active .scripture-reference{display:inline!important;position:static!important;background:transparent!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;font:inherit!important;text-decoration:underline!important;text-underline-offset:3px;border:0!important;border-radius:3px;padding:0!important;margin:0!important;cursor:pointer;text-align:inherit;white-space:normal;box-shadow:none!important}
body #pairs .point .scripture-reference:hover{text-decoration-thickness:2px!important}
body #pairs .point .scripture-reference:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.reference-passage{margin-bottom:20px}.reference-passage p{line-height:1.7}.reference-passage button{min-height:44px}

/* Fit the floating transport, including five-second seeking, on narrow phones. */
.mini-player{flex-wrap:wrap;justify-content:flex-end;gap:2px}
.mini-player .mini-seek{font-size:12px!important;min-width:38px!important;min-height:32px!important;padding:4px!important;white-space:nowrap}
.mini-player button:disabled{opacity:.4;cursor:default}

/* Small lesson identity and clear listening status without adding controls. */
.mini-lesson-label{font-size:11px;line-height:1;font-weight:700;white-space:nowrap;padding:0 3px;letter-spacing:.02em}
.lesson-status{display:inline-block;font-size:12px!important;font-weight:700;line-height:1.5;padding:3px 9px;margin:6px 0;border-radius:999px;border:1px solid currentColor}
.lesson .lesson-status{display:block;width:fit-content;margin-top:7px}
.lesson-status.completed{background:#d7efd9!important;color:#143a35!important;-webkit-text-fill-color:#143a35!important}
.lesson-status.in-progress{background:#fff0c5!important;color:#654800!important;-webkit-text-fill-color:#654800!important}
.lesson-status.not-started{background:#eef0ef!important;color:#4d5e59!important;-webkit-text-fill-color:#4d5e59!important}

/* Two deliberate rows: chapter/lesson above a centered, unbroken transport. */
body:has(#pairs) .mini-player{left:50%;right:auto;transform:translateX(-50%);width:min(360px,calc(100vw - 16px));max-width:none;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:6px 8px;border-radius:16px}
.mini-player-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:0 4px}
.mini-player .mini-lesson-label{font-size:11px;font-weight:650;padding:0;white-space:nowrap;letter-spacing:0;line-height:1.3}
.mini-player #mini-count{font-size:10px;padding:0;line-height:1.3;flex-shrink:0;opacity:.85}
.mini-player-buttons{display:grid;grid-template-columns:28px 28px 38px minmax(56px,1fr) 28px 38px 28px;gap:4px;align-items:center;justify-content:center}
.mini-player .mini-player-buttons button{box-sizing:border-box;width:100%;min-width:0!important;min-height:32px!important;padding:4px!important;font-size:12px!important;line-height:1.1;white-space:nowrap}
.mini-player .mini-player-buttons #mini-play{min-width:0;font-weight:700}

/* Listening settings close consistently at every screen size. */
body:has(#pairs) .player-collapsible #player-toggle{display:inline-flex!important;align-items:center}
body:has(#pairs) .player-collapsible:not(.expanded) .player-settings{display:none!important}
body:has(#pairs) .player-collapsible.expanded .player-settings{display:block!important}
.audio-settings-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.audio-settings-heading button,.audio-settings-done{min-height:40px}.audio-settings-done{display:block;margin:12px 0 0 auto}

/* One shared reading toolbar for audio settings and artwork controls. */
.chapter-art-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}
body:has(#pairs) .chapter-art-controls>.player-collapsible{display:contents!important}
.chapter-art-controls .player-collapsible #player-toggle{margin-right:auto!important;min-height:40px}
body:has(#pairs) .chapter-art-controls .player-settings{order:10;flex:1 1 100%;width:100%;box-sizing:border-box;margin-top:8px;padding-top:14px;border-top:1px solid #829b9580}
.chapter-art-controls .audio-settings-heading{width:100%}
/* Lesson selection replaces the duplicate settings shortcut in the floater. */
.mini-player #mini-lesson-select{flex:1;min-width:0;max-width:100%;width:auto;margin:0;padding:2px 18px 2px 4px;min-height:26px;border-radius:6px;border:1px solid #9bb4ad66;background:#173b3b;color:#fff;font-size:11px;font-weight:650;line-height:1.3}
.mini-player-buttons{grid-template-columns:28px 38px minmax(60px,1fr) 28px 38px 28px}
@media(max-width:600px){.chapter-art-controls{gap:8px}.chapter-art-controls>label{font-size:12px}.chapter-art-controls>label select{max-width:145px}.chapter-art-controls>button{font-size:12px}.chapter-art-controls .player-collapsible #player-toggle{font-size:12px!important}.mini-player #mini-lesson-select{font-size:11px}}

/* Scripture lookup keeps its close control visible while the chapter scrolls. */
#modal{box-sizing:border-box;width:min(900px,calc(100vw - 24px));max-width:none;max-height:85dvh;overflow:hidden;padding:18px}
#modal[open]{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);gap:14px;align-items:center}
#modal #close-modal{grid-column:2;grid-row:1;margin:0;min-height:44px}
#modal #modal-title{grid-column:1;grid-row:1;margin:0;font-size:1.4rem}
#modal #modal-content{grid-column:1 / -1;grid-row:2;min-height:0;max-height:calc(85dvh - 110px);overflow-y:auto;overscroll-behavior:contain;line-height:1.7}
#modal::backdrop{background:#0008}
@media(max-width:600px){#modal{padding:12px;max-height:90dvh}#modal #modal-content{max-height:calc(90dvh - 100px)}}

/* A restrained image reveal; text and active passage highlights remain opaque. */
body .chapter-art-shell.panels-transparent{background-color:transparent!important}
body .chapter-art-shell.panels-transparent.art-light .chapter-art-panel{background:rgba(250,247,239,.88)!important}
body .chapter-art-shell.panels-transparent.art-dark .chapter-art-panel{background:rgba(20,39,40,.88)!important}
body .chapter-art-shell.panels-transparent .pair,
body .chapter-art-shell.panels-transparent .pair section:not(.scripture-active){background:transparent!important}
body .chapter-art-shell.panels-transparent.art-light .book-page{background:rgba(255,250,240,.88)!important}
body .chapter-art-shell.panels-transparent.art-dark .book-page{background:rgba(25,46,47,.88)!important}
.chapter-art-controls .panel-transparency[aria-pressed="true"]{box-shadow:inset 0 0 0 2px #65ad98;font-weight:700}
.chapter-art-controls .panel-transparency:disabled{opacity:.5}

/* Reserve a dedicated header area for the floating player. */
body:has(.mini-player){--reader-header-height:100px}
body:has(.mini-player) header{box-sizing:border-box;min-height:var(--reader-header-height);padding-right:410px;display:flex;align-items:center}
body:has(.mini-player) nav{top:var(--reader-header-height)!important}
body:has(#pairs) .mini-player{left:auto;right:16px;transform:none}
@media(max-width:900px){
 body:has(.mini-player){--reader-header-height:145px}
 body:has(.mini-player) header{display:block;padding:100px 16px 12px!important}
 body:has(#pairs) .mini-player{left:50%;right:auto;transform:translateX(-50%)}
}
/* Match the reading panels when transparency is enabled. */
html body .chapter-art-shell.panels-transparent.art-light .chapter-art-controls{background:rgba(250,247,239,.88)!important}
html body .chapter-art-shell.panels-transparent.art-dark .chapter-art-controls{background:rgba(20,39,40,.88)!important}
html body:has(.panels-transparent.art-light) .mini-player{background:rgba(23,59,59,.88)!important}
html body:has(.panels-transparent.art-dark) .mini-player{background:rgba(20,39,40,.88)!important}
body:has(.panels-transparent) .mini-player{backdrop-filter:blur(3px)}

/* Scripture collections, private sharing and Bible search share the reading palette. */
.collections-layout{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:24px;margin-top:24px}
.collection-choice{display:block;width:100%;text-align:left;margin:0 0 10px;box-sizing:border-box}.collection-choice small{display:block;margin-top:5px;font-size:12px;opacity:.8}
.collection-choice.selected{outline:2px solid #5a9b87;outline-offset:2px}
.collection-verse,.search-verse{padding:18px 0;border-bottom:1px solid #829b9566}.collection-verse p,.search-verse p{line-height:1.7;margin:10px 0}
.reference-link{border:0;background:transparent!important;color:inherit!important;padding:0!important;margin:0!important;text-decoration:underline;font:inherit;font-weight:700;cursor:pointer}
.collection-note{border-left:3px solid #77a695;padding-left:12px;font-style:italic}.collection-tools,.collections-account,.search-pagination{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.collections-account{justify-content:space-between}.collections-auth{max-width:600px}.collections-auth summary{cursor:pointer;font-weight:700}
.inline-form,.bible-search-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:20px 0}.inline-form label,.bible-search-form label{display:flex;flex-direction:column;gap:6px}.inline-form input,.bible-search-form input[type=search]{min-width:240px}
.collections-dialog{width:min(600px,calc(100vw - 32px));max-height:85dvh;overflow-y:auto;box-sizing:border-box;border-radius:14px;padding:20px}.collections-dialog::backdrop{background:#0009}
.collections-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.collections-dialog-heading h2{margin:0}
.collections-dialog form,.collections-auth form{display:flex;flex-wrap:wrap;gap:12px}.collections-dialog label,.collections-auth label{display:flex;flex-direction:column;gap:6px;width:100%}.collections-dialog input,.collections-dialog select,.collections-dialog textarea,.collections-auth input{width:100%;box-sizing:border-box;margin:0;padding:10px;font:inherit}
.reference-fields{display:flex;gap:12px;width:100%}.reference-fields label{flex:1;min-width:0}.reference-fields input{min-width:0}
.collection-invite-banner{padding:16px;border:1px solid #75a794;border-radius:10px;background:#7dbba51a}.dialog-message,.error{font-weight:600}.error{color:#b83434}
.bible-search-form .checkbox-label{display:flex;flex-direction:row;align-items:center;align-self:center}.checkbox-label input{width:auto}
#collection-list:empty,#collection-detail:empty{display:none}.search-pagination{justify-content:space-between;margin:20px 0}.quiet-button{font-size:12px!important;padding:4px 8px!important}
@media(max-width:700px){.collections-layout{grid-template-columns:1fr;gap:16px}#collection-list{display:flex;gap:10px;overflow-x:auto;padding:4px}.collection-choice{min-width:155px;flex:0 0 auto;width:auto}.inline-form,.bible-search-form{align-items:stretch}.inline-form label,.bible-search-form>label{width:100%}.inline-form input,.bible-search-form input[type=search]{min-width:0;width:100%;box-sizing:border-box}.collections-dialog{padding:14px}.collections-account span{overflow-wrap:anywhere}}

.inline-form input,.bible-search-form input[type=search],.bible-search-form select{padding:10px 12px;min-height:44px;font:inherit;border:1px solid #a9bdb5;border-radius:8px;box-sizing:border-box}.inline-form label{flex:0 1 360px}

/* Saved highlights win over artwork themes and Follow Along contrast rules. */
html body :is(#pairs,#reading,#results,#modal) .verse[data-color]:not([data-color=""]),
html body:has(#pairs) #pairs .verse[data-color]:not([data-color=""]){background:var(--verse-highlight)!important;color:#142d2b!important;-webkit-text-fill-color:#142d2b!important;text-shadow:none!important}
html body :is(#pairs,#reading,#results,#modal) .verse[data-color]:not([data-color=""]) *,
html body:has(#pairs) #pairs .verse[data-color]:not([data-color=""]) *{color:#142d2b!important;-webkit-text-fill-color:#142d2b!important;text-shadow:none!important}
html body #modal [data-highlight]{color:#142d2b!important;-webkit-text-fill-color:#142d2b!important;text-shadow:none!important;min-height:40px}
html body #modal [data-highlight=""]{background:#eef0ef!important}
html body #modal [data-highlight="yellow"]{background:#ffed9c!important}
html body #modal [data-highlight="green"]{background:#c9efb9!important}
html body #modal [data-highlight="blue"]{background:#c7e5ff!important}
html body #modal [data-highlight="pink"]{background:#ffd3e5!important}
html body #modal [data-highlight="orange"]{background:#ffddb5!important}
html body #modal [data-highlight="purple"]{background:#e4d6ff!important}
html body #modal [data-highlight="teal"]{background:#b6eee8!important}

/* A–Z collection browsing: choose a letter, then open a collection. */
.collection-browser{min-width:0}
#collection-alphabet{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:0 0 8px}
#collection-alphabet button{margin:0;padding:5px 0;min-width:0;min-height:36px;font-size:13px;font-weight:650;line-height:1.2}
#collection-alphabet button[aria-pressed=true]{background:#235849!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 1px #90c3b1}
#collection-alphabet button:disabled{opacity:.3;cursor:default}
#collection-filter-status{margin:6px 0 12px;font-size:12px;font-weight:650}
#collection-detail{scroll-margin-top:20px}
.collection-select-hint{padding:20px;border:1px dashed #9ab2a8;border-radius:10px;margin-top:0}
@media(max-width:700px){#collection-alphabet button{min-height:40px}#collection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:10px;padding:4px}#collection-list .collection-choice{min-width:0;width:100%;box-sizing:border-box;margin:0;overflow-wrap:anywhere}#collection-list>p{grid-column:1/-1}}

/* Chapter-first study library */
.study-chapter{margin:1.5rem 0;padding:1.1rem;border:1px solid var(--border,#78918c);border-radius:14px}
.study-chapter h2{margin:0 0 .85rem;font-size:1.35rem}
.chapter-studies{display:grid;gap:.65rem}
.chapter-studies .lesson{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;margin:0;text-align:left;padding:1rem}
.chapter-study-title{font-weight:600}
.chapter-studies .lesson-status{margin:0}

.reading-cue{border-top:1px solid #80938e;margin-top:6px;padding:5px 8px;text-align:left}.reading-cue[hidden]{display:none}.reading-cue small{display:block;font-size:10px;line-height:1.3;opacity:.8}.reading-cue p{margin:3px 0 0;font-size:13px;line-height:1.4;max-height:5.6em;overflow:auto;color:inherit}

.mini-player .reading-cue-toggle{display:block;margin:5px 0 0 auto;padding:3px 8px;min-height:30px;width:auto;border:0;background:transparent;color:inherit;font-size:11px;line-height:1.4;border-radius:5px}.mini-player .reading-cue-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* Aligned reading controls across study and Bible pages. */
html body .chapter-art-controls{
 display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;
 align-items:center;gap:12px;padding:14px 16px;
}
html body .chapter-art-controls>label{
 display:grid;grid-template-columns:auto minmax(120px,1fr);
 align-items:center;gap:12px;margin:0;min-width:0;font-size:14px;
}
html body .chapter-art-controls>label select{
 width:100%;max-width:none;min-width:0;margin:0;box-sizing:border-box;
}
html body .chapter-art-controls :is(#player-toggle,.panel-transparency,.chapter-art-view,select){
 min-height:44px;box-sizing:border-box;margin:0!important;
 padding:10px 14px;font-size:14px;line-height:1.25;
}
html body .chapter-art-controls :is(.panel-transparency,.chapter-art-view){white-space:nowrap}
html body .chapter-art-controls .player-settings{
 grid-column:1/-1;min-width:0;margin-top:0;
}
html body .chapter-art-controls button[hidden]{display:none!important}
@media(max-width:760px){
 html body .chapter-art-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:12px}
 html body .chapter-art-controls #player-toggle{grid-column:1/-1;width:100%;text-align:left}
 html body .chapter-art-controls>label{grid-column:1/-1;grid-template-columns:100px minmax(0,1fr);gap:10px;font-size:14px}
 html body .chapter-art-controls>label select{max-width:none;width:100%}
 html body .chapter-art-controls :is(.panel-transparency,.chapter-art-view){width:100%;min-width:0;padding:10px 8px;font-size:13px;white-space:normal}
}

/* Shared Home scenery on Collections, Search Bible and Highlights. */
main.feature-scenic{position:relative;isolation:isolate;min-height:calc(100svh - 145px);box-sizing:border-box}
main.feature-scenic::before{content:"";position:fixed;inset:145px 0 0;z-index:-1;pointer-events:none;background-image:linear-gradient(180deg,#061b1b78,#061b1b9a),var(--feature-background);background-size:cover;background-position:center}
main.feature-scenic>h1{color:#fff;text-shadow:0 2px 10px #000b}
main.feature-scenic :is(.card,section,article){background-color:rgba(250,247,239,.95);color:#173b3b}
main.feature-scenic :is(input,textarea,select){background-color:#fff;color:#173b3b}
@media(max-width:700px){main.feature-scenic{min-height:calc(100svh - 140px)}main.feature-scenic::before{inset:140px 0 0;background-position:center}}

/* Navigation and site header scroll naturally with the page, including chapter artwork. */
body:has(.chapter-art-shell:not(.art-plain)) header,
body:has(.chapter-art-shell:not(.art-plain)) nav,
body:has(.mini-player) nav{position:relative!important;top:auto!important}

/* Home-style mobile navigation: all six destinations visible in two compact rows. */
@media(max-width:700px){
 body nav{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;padding:10px 12px!important;box-sizing:border-box;width:100%;overflow:visible}
 body nav button{min-width:0;width:100%;margin:0!important;padding:10px 4px!important;min-height:48px;line-height:1.2;font-size:clamp(12px,3.3vw,15px)!important;white-space:normal;overflow-wrap:normal;text-align:center}
 body header{position:relative!important;top:auto!important}
}
/* Scenic feature pages: picture travels with page content, not fixed to viewport. */
main.feature-scenic{
 background-color:#173b3b;
 background-image:linear-gradient(180deg,#061b1b78,#061b1b9a),var(--feature-background);
 background-position:center top;
 background-size:cover;
 background-repeat:no-repeat;
 background-attachment:scroll;
}
main.feature-scenic::before{content:none!important;display:none!important}
@media(max-width:700px){
 main.feature-scenic{width:100%;max-width:100%;min-height:calc(100svh - 180px);padding:20px 14px 36px;overflow:visible}
 main.feature-scenic :is(input,select,textarea){max-width:100%;box-sizing:border-box}
}

/* Keep the Studies heading, book label and count readable over Home scenery. */
main.feature-scenic[data-feature-page="studies"]{color:#fff;background-size:100% 100%,100% auto;background-repeat:no-repeat,repeat-y}

/* Approved Scripture Study pages-and-S identity on every page. */
header{display:flex;align-items:center;gap:12px}
.site-logo{display:block;width:40px;height:40px;flex:none;border-radius:8px}


/* Account feedback stays readable over every scenic background and theme. */
#collection-auth-message,#collections-message{background:#fff;color:#173c3d;border:1px solid #adc7c2;border-radius:8px;padding:12px 16px;line-height:1.5}
#collection-auth-message{flex-basis:100%;margin:8px 0 0}
#collection-auth-message.error,#collections-message.error{background:#fff0ed;color:#842b20;border-color:#c58479}
#collection-auth button:disabled{opacity:.65;cursor:wait}
main.feature-scenic[data-feature-page="collections"]>p:first-of-type{color:#fff;text-shadow:0 1px 3px #000}

/* Keep Collections controls readable over scenic artwork. */
main[data-feature-page="collections"] :is(.collections-account,#collection-create,.collection-browser){
 background:#faf7ef;color:#173b3b;border:1px solid #afc3bb;
 border-radius:12px;padding:16px;box-sizing:border-box;
}
main[data-feature-page="collections"] .collections-account{gap:12px}
main[data-feature-page="collections"] .collections-account span{font-weight:600;overflow-wrap:anywhere;min-width:0}
main[data-feature-page="collections"] #collection-create label{color:#173b3b;font-weight:600}
main[data-feature-page="collections"] #collection-filter-status{color:#173b3b}
main[data-feature-page="collections"] #collection-alphabet{gap:5px}
main[data-feature-page="collections"] #collection-alphabet button{
 background:#fff!important;color:#173b3b!important;-webkit-text-fill-color:#173b3b!important;
 border:1px solid #76988b;opacity:1;min-height:44px;font-size:14px;font-weight:700;
}
main[data-feature-page="collections"] #collection-alphabet button:disabled{
 background:#e5e9e5!important;color:#52615b!important;-webkit-text-fill-color:#52615b!important;
 border-color:#bdc9c2;opacity:1;cursor:default;
}
main[data-feature-page="collections"] #collection-alphabet button[aria-pressed="true"]{
 background:#235849!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#235849;
}
main[data-feature-page="collections"] #collection-alphabet button:focus-visible{outline:3px solid #bb8622;outline-offset:2px}
main[data-feature-page="collections"] #collection-detail{border-radius:12px;padding:16px;box-sizing:border-box}

/* One appearance choice for every page. Highlight colors stay independent. */
html[data-panel-theme=light]{color-scheme:light;--app-ink:#173b3b;--app-surface:#faf7ef;--app-control:#fff;--app-edge:#91aaa0;--app-panel:#faf7ef}
html[data-panel-theme=dark]{color-scheme:dark;--app-ink:#f7f3e9;--app-surface:#213536;--app-control:#192d2f;--app-edge:#627775;--app-panel:#213536}
html[data-panel-theme=light][data-app-transparency=on]{--app-panel:rgba(250,247,239,.9)}
html[data-panel-theme=dark][data-app-transparency=on]{--app-panel:rgba(25,46,47,.9)}
html[data-panel-theme=light] body{background:#f8f6f1;color:var(--app-ink)}
html[data-panel-theme] body :is(nav,dialog:not(.chapter-art-dialog),.card,details,.player,.chapter-nav,.original-panel,.original-token){background:var(--app-panel)!important;color:var(--app-ink)!important;border-color:var(--app-edge)}
html[data-panel-theme] body main :is(.collections-account,#collection-create,.collection-browser,#collection-detail,.collection-select-hint,#collections-message,#collection-auth-message,.search-verse,.collection-verse,.collections-auth,#bible-search-form,#search-status,#collection-filter-status){background:var(--app-panel)!important;color:var(--app-ink)!important;border-color:var(--app-edge)}
html[data-panel-theme] body main.feature-scenic :is(section,article){background-color:var(--app-panel);color:var(--app-ink)}
html[data-panel-theme] body main :is(#collection-create label,#collection-filter-status){color:var(--app-ink)!important}
html[data-panel-theme] body :is(button,select,input:not([type=range]):not([type=checkbox]),textarea){background-color:var(--app-control)!important;color:var(--app-ink)!important;border-color:var(--app-edge)!important}
html[data-panel-theme] body main[data-feature-page=collections] #collection-alphabet button{background:var(--app-control)!important;color:var(--app-ink)!important;-webkit-text-fill-color:var(--app-ink)!important}
html[data-panel-theme] body main[data-feature-page=collections] #collection-alphabet button:disabled{opacity:.55}
html[data-panel-theme] body main[data-feature-page=collections] #collection-alphabet button[aria-pressed=true]{background:#235849!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-panel-theme=dark] body :is(#reading .continuous-reading,#reading .book-page,#reading>.verse,#results>.card){background:var(--app-panel);color:var(--app-ink)}
html[data-panel-theme=dark] .home-theme-plain{background:#142628!important;color:var(--app-ink)!important}
html[data-panel-theme] body .chapter-art-controls{grid-template-columns:1fr auto;background:var(--app-panel)!important;color:var(--app-ink)!important}
html[data-panel-theme] body .chapter-art-controls .chapter-art-view{justify-self:end}
html[data-panel-theme] body .chapter-art-shell.art-plain .chapter-art-panel,
html[data-panel-theme] body .chapter-art-shell.art-plain .pair section{background:var(--app-panel)!important;color:var(--app-ink)!important}
body nav{position:relative;align-items:center}
body nav .app-settings{margin:0 0 0 auto;padding:0;border:0;background:transparent!important;position:relative;flex:none}
.app-settings>summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:44px;padding:5px 14px;box-sizing:border-box;border:1px solid var(--app-edge);border-radius:8px;font:600 15px system-ui;color:var(--app-ink);background:var(--app-control);cursor:pointer}
.app-settings>summary::-webkit-details-marker{display:none}
.app-settings-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:2000;width:min(300px,calc(100vw - 28px));box-sizing:border-box;padding:18px;border:1px solid var(--app-edge);border-radius:12px;background:var(--app-surface);color:var(--app-ink);box-shadow:0 12px 32px #0005;text-align:left}
.app-settings-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.app-settings-heading button{font-size:12px;padding:7px;margin:0}
#appearance-settings{display:grid;gap:14px}
#appearance-settings>label:first-child{display:grid;gap:5px}
#appearance-settings select{width:100%;margin:0;min-height:44px}
#appearance-settings .settings-check{display:flex;align-items:center;gap:9px;min-height:36px}
#appearance-settings input[type=checkbox]{width:19px;height:19px;margin:0;accent-color:#427c68}
.app-settings-panel>small{display:block;line-height:1.4;margin-top:14px;opacity:.8}
@media(max-width:700px){body nav .app-settings{grid-column:1/-1;justify-self:end;width:auto}body nav .app-settings summary{min-height:40px;padding:6px 12px}html[data-panel-theme] body .chapter-art-controls{grid-template-columns:1fr auto}html[data-panel-theme] body .chapter-art-controls #player-toggle{grid-column:auto}html[data-panel-theme] body .chapter-art-controls .chapter-art-view{width:auto}}