*{box-sizing:border-box}body{margin:0;background:#101f22;color:#f5f0e3;font:17px/1.6 system-ui,sans-serif}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;border:1px solid #ffffff35;background:transparent;color:inherit;border-radius:24px;padding:9px 17px}button:hover,button:focus-visible{background:#ffffff18}header{height:76px;padding:14px 5vw;display:flex;gap:12px;align-items:center;border-bottom:1px solid #ffffff16}.brand{color:inherit;text-decoration:none;font-weight:700;margin-right:auto;letter-spacing:-.5px}.brand small{font-size:11px;color:#c4aa76;margin-left:8px}#feed{height:calc(100dvh - 76px);overflow-y:auto;scroll-snap-type:y mandatory}.card{min-height:calc(100dvh - 76px);scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;max-width:820px;margin:auto;padding:45px 28px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;color:#d3ba84}.card h2{font:400 25px Georgia,serif;color:#d8c497;margin:16px 0}.scripture{font:400 clamp(24px,3.2vw,38px)/1.55 Georgia,serif;margin:14px 0 28px}.scripture.long{font-size:23px}.scripture sup{font:11px system-ui;color:#b4b9ad;margin-right:5px}.actions{display:flex;flex-wrap:wrap;gap:10px}.muted{color:#a7b6b4;font-size:13px}dialog{background:#183034;color:#f5f0e3;border:1px solid #64736a;border-radius:22px;padding:32px;width:min(620px,93vw);max-height:88dvh}dialog::backdrop{background:#071315dc}dialog h1{font:38px/1.2 Georgia}#topics{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}#topics label{display:flex;align-items:center;gap:8px;border:1px solid #ffffff30;border-radius:20px;padding:8px 15px}input{accent-color:#d6b57c}.primary{background:#d4b782;color:#132629;width:100%;border:0;font-weight:700}#chapter p{font:22px/1.8 Georgia}audio{width:100%;margin-top:20px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#dfc99e;color:#15262a;padding:8px 20px;border-radius:25px;display:none}.empty{text-align:center;padding:70px 25px}#close-reader{float:right}@media(max-width:480px){header{padding:12px;gap:6px}.brand{font-size:15px}.brand small{display:none}header button{font-size:13px;padding:8px 10px}.card{padding:28px 22px}dialog{padding:24px}.actions button{font-size:14px}}

:root{--bg:#f5eedf;--panel:#fff9ec;--ink:#273b36;--accent:#725622;--quiet:#52675e;--border:#a6987b}
body[data-palette="forest"]{--bg:#101f22;--panel:#183034;--ink:#f5f0e3;--accent:#d8c497;--quiet:#a7b6b4;--border:#64736a}
body[data-palette="paper"]{--bg:#f5eedf;--panel:#fff9ec;--ink:#273b36;--accent:#725622;--quiet:#52675e;--border:#a6987b}
body[data-palette="night"]{--bg:#111421;--panel:#1c2135;--ink:#edeef7;--accent:#c5b9ed;--quiet:#adb5ce;--border:#606987}
body{background:var(--bg);color:var(--ink)}dialog{background:var(--panel);color:var(--ink);border-color:var(--border)}
.card h2,.eyebrow{color:var(--accent)}.muted{color:var(--quiet)}button{border-color:var(--border)}
body[data-size="large"] .scripture{font-size:clamp(30px,4vw,46px)}body[data-size="large"] .scripture.long{font-size:28px}
#topics{display:block;margin:20px 0}.topic-group{border:0;padding:0;margin:20px 0}.topic-group legend{font-weight:700;margin-bottom:10px}
.topic-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}#topics label{border-color:var(--border);border-radius:14px;align-items:flex-start;padding:12px}
#topics label:has(input:checked){outline:2px solid var(--accent)}.topic-copy strong{display:block;font-size:15px}.topic-copy small{display:block;font-size:12px;color:var(--quiet)}
#topic-search{width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;font:inherit;background:var(--bg);color:var(--ink)}
.search-label{display:block;margin-bottom:6px}.picker-tools{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:13px}
.appearance{border:1px solid var(--border);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}
select{padding:8px;background:var(--bg);color:var(--ink);border:1px solid var(--border);border-radius:8px;font:inherit}
.feed-end{scroll-snap-align:start;max-width:820px;margin:auto;padding:40px 28px;text-align:center}.feed-end button{margin:8px}
@media(max-width:480px){.topic-options{grid-template-columns:1fr}.topic-group{margin:16px 0}}

[hidden]{display:none!important}
#home{max-width:960px;margin:auto;padding:56px 28px 80px}
#home h1{font:400 clamp(34px,5vw,56px)/1.15 Georgia,serif;max-width:680px;margin:18px 0}
#home form>p{max-width:700px;color:var(--quiet)}
#home .search-label{margin-top:30px}
#home #topic-search{font-size:20px;padding:18px}
.home-submit{margin-top:12px;max-width:320px}
#topic-status{font-size:13px}
#home .topic-options{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){#home .topic-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#home{padding:32px 20px 60px}#home .topic-options{grid-template-columns:1fr}.home-submit{max-width:none}}

.feelings-entry{margin:28px 0;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--panel)}
.feelings-entry h2{margin:0 0 14px;font:28px Georgia,serif}
.feelings-entry label{display:block;margin-bottom:8px}
#feelings-text{width:100%;resize:vertical;min-height:100px;max-height:320px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--ink);padding:14px;font:inherit}
#feelings-results:empty{display:none}
#feelings-results{margin-top:16px}
#feelings-results ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
#feelings-results li{border:1px solid var(--border);border-radius:20px;padding:6px 12px;font-size:14px}
button:disabled{cursor:wait;opacity:.65}
@media(max-width:480px){.feelings-entry{padding:18px}}

#feelings-results li{border:0;border-radius:0;padding:0}
.suggested-theme{font-size:14px;padding:8px 14px}
.suggested-theme[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.suggested-theme:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

#bible-browser{max-width:960px;margin:auto;padding:36px 24px 80px}
#bible-browser h1{font:40px Georgia,serif}#bible-browser h2{font:28px Georgia,serif}
#bible-browser a{color:var(--accent);text-decoration:none}#bible-browser a:hover{text-decoration:underline}
.bible-crumbs,.chapter-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#book-search{display:block;width:100%;margin:10px 0 24px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit}
.bible-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bible-grid a,.chapter-grid a{display:block;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}
.bible-grid small{display:block;color:var(--quiet);font-size:12px}
.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px}.chapter-grid a{text-align:center}
.verse-jump{display:flex;gap:14px;align-items:center;margin:20px 0}
.bible-reading .bible-verse-text{font:24px/1.9 Georgia,serif;padding:10px;border-left:3px solid transparent;border-radius:6px;scroll-margin-top:20px}
.bible-reading .verse-number{font:14px system-ui;margin-right:6px}
.bible-reading .selected-verse{border-left-color:var(--accent);background:var(--panel)}
body[data-size="large"] .bible-reading .bible-verse-text{font-size:30px}
.chapter-controls{justify-content:space-between;border-top:1px solid var(--border);padding-top:24px}
@media(max-width:600px){.bible-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{height:auto;min-height:76px;flex-wrap:wrap}#bible-browser{padding:24px 20px 60px}.bible-reading .bible-verse-text{font-size:22px}}

.scripture-audio{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);margin:20px 0}
.audio-credit{font-size:13px;color:var(--quiet);margin:0 0 8px}
.audio-options{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:12px}
.audio-options select{font-size:14px;max-width:100%}.audio-options label{font-size:13px}
.audio-active{background:var(--accent)!important;color:var(--bg);border-radius:5px}
.audio-active .verse-number,.audio-active sup{color:inherit!important}

.continue-reading{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:22px;margin-bottom:30px;background:var(--panel);border:1px solid var(--border);border-radius:16px}
#continue-link{display:block;color:var(--accent);font-size:22px;margin-top:8px}
.continue-reading p{margin:8px 0 0}
.chapter-grid small{display:block;font-size:10px;line-height:1.4;color:var(--quiet);margin-top:6px}
@media(max-width:480px){.continue-reading{align-items:flex-start;flex-direction:column}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}}

#feed-tools{padding:12px 24px;border-bottom:1px solid var(--border);background:var(--panel);display:flex;align-items:center;justify-content:center;gap:16px;min-height:80px}
#feed-tools p{font-size:13px;color:var(--quiet);margin:0;max-width:420px}
#feed-audio-toggle[aria-pressed="true"]{background:var(--accent);color:var(--bg)}
.feed-audio-buttons{display:flex;align-items:center;gap:8px}
#feed-audio-pause{min-width:44px;min-height:44px}
#feed{height:var(--feed-height,calc(100dvh - 156px))}
#feed .card{min-height:var(--feed-height,calc(100dvh - 156px))}
@media(max-width:540px){#feed-tools{padding:10px 16px;gap:8px;align-items:flex-start;flex-direction:column}#feed-tools p{font-size:12px}}

#scripture-search{max-width:900px;padding:36px 24px 80px;margin:auto}
#scripture-search h1{font:40px Georgia,serif}
#bible-search-form{display:flex;flex-direction:column;gap:10px}
#bible-search-input{width:100%;padding:16px;border:1px solid var(--border);border-radius:12px;font:inherit;background:var(--panel);color:var(--ink)}
#bible-search-form .primary{margin-top:8px}
.search-reference,.search-result{padding:22px;margin:20px 0;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
#scripture-search a{color:var(--accent)}
.search-result h2,.search-reference h2{font:24px Georgia,serif;margin:0 0 14px}
.search-result p{font:22px/1.8 Georgia,serif}
.search-result mark{background:var(--accent);color:var(--bg);border-radius:3px}
.search-pages{display:flex;gap:20px;justify-content:space-between;margin-top:24px}
@media(max-width:480px){#scripture-search{padding:26px 20px 60px}header .brand{flex-basis:100%}}

.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:44px;height:44px;object-fit:contain;flex-shrink:0;border-radius:8px}.brand>span{white-space:nowrap}@media(max-width:480px){.brand-logo{width:36px;height:36px}}

/* Reading guides are editorial, visually distinct from the Scripture text. */
.theme-connection{border-left:3px solid var(--accent);padding:10px 14px;background:var(--panel);border-radius:0 10px 10px 0;margin:0 0 12px;font-size:14px;line-height:1.5}
.theme-connection p{margin:6px 0}.theme-connection small{color:var(--quiet);font-size:11px}.theme-connection .reading-step{font-size:12px;color:var(--accent)}
.feed-order-label{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}.feed-order-label select{font-size:13px;max-width:100%}#feed-tools{flex-wrap:wrap}

/* A small first choice, with deeper reading available on demand. */
button,input,select,summary{min-height:44px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.popular-themes,.selected-themes{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.popular-themes button[aria-pressed="true"],.session-options label:has(input:checked){background:var(--accent);color:var(--bg);border-color:var(--accent)}
.selected-themes button{font-size:14px;padding:8px 12px}
.theme-explorer,.reading-settings{margin:24px 0;border:1px solid var(--border);border-radius:16px;padding:16px}
summary{cursor:pointer;padding:8px 0;font-weight:600}
#home h2{font:30px/1.2 Georgia,serif}
.session-preview{padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--panel);margin:28px 0}
.preview-theme p{margin:5px 0 18px;font-size:14px;color:var(--quiet)}
.session-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;border:0;margin:22px 0}
.session-options legend{margin-bottom:10px}.session-options label{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--border);border-radius:12px;padding:14px}
.session-options strong,.session-options small{display:block}.session-options small{font-size:12px}
.discovery-link{display:block;margin:12px auto}
#feelings-results li{display:flex;align-items:flex-start;flex-direction:column;gap:5px;max-width:270px}
#feelings-results li small{font-size:12px;color:var(--quiet)}
#theme-resume-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}#theme-resume-list button{text-align:left;font-size:14px}
.theme-connection{font-size:14px;margin:6px 0 20px}.theme-connection summary{font-size:13px;min-height:40px}
.reading-step{font:13px/1.5 system-ui;color:var(--quiet);margin:0 0 8px}
.passage-more{margin-top:12px;font-size:14px}.passage-more summary{width:fit-content}
.note-editor label{display:block;margin:12px 0}.note-editor textarea,.note-editor input{display:block;width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--ink);font:inherit}
.note-editor textarea{resize:vertical}.saved-note{white-space:pre-wrap;padding:12px;border-left:3px solid var(--accent)}
.passage-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.saved-tools{max-width:820px;margin:auto;padding:24px}.saved-tools h1{font:34px Georgia,serif}
.feed-message{margin:0;padding:12px 24px;background:var(--panel);font-size:14px}.feed-message button{margin-left:12px}
.session-heading{font-size:13px;color:var(--accent)}
#restart-session{font-size:12px;padding:7px 12px}
body[data-spacing="relaxed"] .scripture,body[data-spacing="relaxed"] .bible-reading .bible-verse-text,body[data-spacing="relaxed"] #chapter p{line-height:2}
@media(max-width:600px){.session-options{grid-template-columns:1fr}.session-preview{padding:18px}.popular-themes{gap:8px}.popular-themes button{font-size:14px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.note-panel-container:has(.note-editor[hidden]){display:none}.note-editor{margin-top:16px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.note-toggle[aria-expanded="true"]{background:var(--accent);color:var(--bg)}

header{height:auto;min-height:76px;flex-wrap:wrap}
#notes-view{max-width:960px;margin:auto;padding:36px 24px 80px}
#notes-view h1{font:40px Georgia,serif}
#notes-search-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0}
#notes-search-form label{flex-basis:100%;font-weight:600}
#notes-query{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit}
.note-card{padding:24px;margin:18px 0;border:1px solid var(--border);border-radius:16px;background:var(--panel);overflow-wrap:anywhere}
.note-card h2{font:26px Georgia,serif;margin:0 0 12px}
.note-card a{display:inline-block;color:var(--accent);padding:8px 0;min-height:44px}
.note-body{white-space:pre-wrap;line-height:1.8}
.note-collection{font-size:13px;color:var(--accent)}
.notes-empty{padding:30px 0;color:var(--quiet)}
@media(max-width:480px){#notes-view{padding:26px 20px 60px}#notes-query{flex-basis:100%}.note-card{padding:18px}}

/* One header alignment across all views; footer follows the reading width. */
:root{--reading-width:820px;--header-width:960px}
body{min-height:100dvh;display:flex;flex-direction:column}
body>header,body>#feed-tools,body>#feed-message,.site-footer{flex-shrink:0}
body>header{width:100%;margin-inline:auto}
#home,#notes-view,#scripture-search,#bible-browser{width:100%;flex:1 0 auto}
.site-footer{width:100%;max-width:var(--reading-width);margin: auto auto 0;padding:20px 28px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--quiet)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.site-footer a{color:var(--ink);display:inline-flex;align-items:center;min-height:44px}
.information-page{width:100%;max-width:var(--reading-width);margin:0 auto;padding:44px 28px 64px;flex:1 0 auto}
.information-page h1{font:42px/1.2 Georgia,serif}.information-page h2{font:28px/1.3 Georgia,serif;margin-top:32px}
.information-page p,.information-page li{line-height:1.8;overflow-wrap:anywhere}
.information-page a{color:var(--accent)}
.header-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 17px;border:1px solid var(--border);border-radius:24px;color:inherit;text-decoration:none}
@media(min-width:768px){body>header{max-width:var(--header-width);padding-inline:28px}body>header .brand{justify-content:flex-start;text-align:left;margin-left:0}}
@media(max-width:480px){.site-footer{padding:16px 20px}.information-page{padding:30px 20px 48px}.header-link{font-size:13px;padding:8px 10px}}



.bible-verse-row{margin-bottom:18px}.bible-verse-text{margin-bottom:6px}

/* Editorial uses the same header alignment and reading palette as Scripture. */
.editorial-index{width:100%;max-width:960px;margin:0 auto;padding:48px 28px 64px;flex:1 0 auto}
.editorial-intro{max-width:720px;margin-bottom:32px}
.editorial-intro h1{font:400 clamp(40px,6vw,60px)/1.1 Georgia,serif;margin:12px 0 22px}
.editorial-index a,.editorial-article a{color:var(--accent);text-underline-offset:4px}
.editorial-search{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}
.editorial-search>div:first-child{flex:1 1 240px}.editorial-search>div{min-width:0}
.editorial-search label{display:block;font-size:13px;margin-bottom:6px}
.editorial-search input,.editorial-search select{width:100%;min-height:46px;font:inherit;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--ink)}
.editorial-search>a{display:inline-flex;align-items:center;min-height:46px;font-size:14px}
.editorial-results{color:var(--quiet);font-size:14px;margin:24px 0 16px}
.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.editorial-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--panel)}
.editorial-card .eyebrow{margin:0}.editorial-card h2{font:400 27px/1.25 Georgia,serif;margin:12px 0}
.editorial-card h2 a{color:var(--ink);text-decoration:none}.editorial-card h2 a:hover{text-decoration:underline}
.editorial-card>p{font-size:15px}.editorial-card .editorial-meta{margin-top:auto;padding-top:12px}
.editorial-meta,.editorial-label{color:var(--quiet);font-size:13px}
.editorial-theme-link{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px}
.editorial-pagination{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:28px}
.editorial-empty{grid-column:1/-1;padding:32px 0}
.editorial-article{width:100%;max-width:var(--reading-width);margin:0 auto;padding:36px 28px 64px;flex:1 0 auto;overflow-wrap:anywhere}
.editorial-article>nav{font-size:14px;margin-bottom:28px}
.article-heading{display:block;height:auto;min-height:0;padding:0 0 24px;border-bottom:1px solid var(--border)}
.article-heading h1{font:400 clamp(34px,4.5vw,48px)/1.2 Georgia,serif;letter-spacing:-.5px;margin:12px 0 20px}
.article-heading .eyebrow{letter-spacing:1.5px}
.editorial-body{font:20px/1.85 Georgia,serif}.editorial-body p{margin:26px 0}
.editorial-body h2,.editorial-reading h2,.editorial-related h2{font:400 28px/1.3 Georgia,serif;margin:36px 0 18px}
.editorial-reading{padding:24px;margin:36px 0;border:1px solid var(--border);border-radius:16px;background:var(--panel)}
.editorial-reading h2{margin-top:0}.editorial-reading p{font-size:16px}
.editorial-related{border-top:1px solid var(--border);padding-bottom:24px}
.editorial-related ul{padding-left:22px}.editorial-related li{margin:14px 0}
.header-link[aria-current="page"]{background:var(--accent);color:var(--bg)}
body[data-size="large"] .editorial-body{font-size:24px}
body[data-spacing="relaxed"] .editorial-body{line-height:2.1}
@media(max-width:640px){.editorial-grid{grid-template-columns:1fr}.editorial-index{padding:32px 20px 48px}.editorial-article{padding:28px 20px 48px}.editorial-card{padding:20px}.editorial-search{padding:16px}.editorial-body{font-size:19px}.editorial-search>div{flex:1 1 100%}}
.bible-verse-tools{padding:0 10px}
.verse-actions-toggle{list-style:none;width:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:20px}
.verse-actions-toggle::-webkit-details-marker{display:none}
.verse-actions-toggle:hover{background:var(--panel)}
.verse-actions-toggle span{display:inline-block}
.bible-verse-tools[open]>.verse-actions-toggle span{transform:rotate(180deg)}
.verse-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.verse-actions button{font:12px/1.4 system-ui,sans-serif;padding:5px 10px;min-height:32px;border-radius:16px}
.verse-save[aria-pressed="true"]{background:var(--accent);color:var(--bg)}
.verse-action-status{display:block;font:12px/1.5 system-ui;color:var(--quiet);margin-top:6px}
.verse-action-status:empty{display:none}
@media(max-width:600px){.verse-actions button{min-height:44px;padding:8px 12px}}

/* Android app download */
header .apk-download{background:var(--accent);color:var(--bg);font-weight:700;white-space:nowrap}
.app-download{margin:28px 0;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--panel)}
.app-download h2{margin-top:0}.app-download .primary{display:inline-block;text-align:center;text-decoration:none;border-radius:24px;padding:10px 18px;color:var(--bg);background:var(--accent)}
@media(min-width:900px){header{gap:8px}header button,header .header-link{font-size:14px;padding:8px 12px}header .brand{font-size:16px}}

