:root{--ink:#22201d;--muted:#6d645b;--bg:#efe7da;--card:#fbf8f2;--line:#d6c7b1;--navy:#1f1f22;--navy2:#4b4b46;--gold:#e59a45;--soft:#f2eadf;--green:#596b4d;--warn:#fff3dd;--danger:#fbe8e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}button{font:inherit}.brand{display:flex;gap:10px;align-items:center;border:0;background:transparent;text-align:left;color:var(--ink);cursor:pointer;min-width:0}.brandmark{width:40px;height:40px;border-radius:11px;background:var(--navy);color:white;display:grid;place-items:center;font-weight:900}.brand>span:last-child{display:flex;min-width:0;flex-direction:column;line-height:1.05}.brand strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{margin-top:5px;color:var(--muted);font-size:11px}.brand b{color:var(--gold)}.top-actions{display:flex;gap:6px}.iconbtn,.ghost{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 11px;cursor:pointer;color:var(--ink)}.shell{max-width:1120px;margin:0 auto;padding:20px 15px 98px}.hero{background:linear-gradient(140deg,var(--navy),var(--navy2));color:#fff;padding:clamp(22px,4vw,38px);border-radius:22px;margin-bottom:22px}.hero.compact{padding:22px}.hero h1{font-size:clamp(30px,5.5vw,56px);line-height:1.02;margin:4px 0 12px;letter-spacing:-.025em}.hero p{max-width:800px;color:#dbe6ef;line-height:1.7;margin-bottom:0}.eyebrow,.label{text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:900;color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:13px}.card,.study-section{background:white;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 7px 24px rgba(20,38,54,.04)}.book-card{cursor:pointer;transition:.15s}.book-card:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(20,38,54,.08)}.card h3,.study-section h2{margin-top:0}.meta,.small{color:var(--muted);font-size:13px;line-height:1.55}.pill{display:inline-flex;background:var(--soft);padding:5px 9px;margin:3px 3px 3px 0;border-radius:999px;font-size:12px;font-weight:750}.pill.gold{background:#fff4d9}.section-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:28px 0 12px}.section-title h2{margin:0}.progressbar{height:9px;background:#e6ecf1;border-radius:50px;overflow:hidden}.progressbar i{height:100%;display:block;background:var(--gold)}.lesson-list{display:grid;gap:9px}.lesson-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 14px;cursor:pointer}.lesson-row:hover{border-color:#bac6d0}.lesson-row.done{border-left:5px solid var(--green)}.lesson-main{display:flex;align-items:center;gap:11px}.lesson-num{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--soft);font-weight:850}.lesson-row strong{display:block}.lesson-row small{display:block;color:var(--muted);margin-top:3px}.back{border:0;background:transparent;color:#275a84;font-weight:800;padding:0;margin:0 0 13px;cursor:pointer}.studyhead{background:var(--navy);color:white;border-radius:20px;padding:24px;margin-bottom:14px}.studyhead h1{font-size:clamp(28px,4.5vw,46px);margin:4px 0 8px}.studyhead p{line-height:1.62;color:#dbe5ed;max-width:900px}.tabs{position:sticky;top:61px;z-index:20;display:flex;gap:6px;overflow:auto;padding:8px 0 11px;background:var(--bg)}.tabs button{white-space:nowrap;border:1px solid var(--line);background:white;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;color:var(--muted);cursor:pointer}.tabs button.active{background:var(--navy);border-color:var(--navy);color:white}.study-grid{display:grid;gap:13px}.study-section h2{font-size:20px;margin-bottom:10px}.study-section p,.study-section li{line-height:1.72}.scripture{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.82}.verse{display:inline}.vnum{font:700 10px/1 system-ui;color:#866510;margin:0 4px 0 6px}.passage{padding:16px 0;border-top:1px solid var(--line)}.passage:first-child{border-top:0;padding-top:0}.passage h3{margin:0 0 8px;font-size:17px}.observations{background:#f6f8fa;border-radius:11px;padding:10px 13px;margin-top:10px}.observations li{font-size:14px}.callout{border-left:4px solid var(--gold);background:var(--warn);padding:12px 14px;border-radius:8px;line-height:1.65}.position{border-left:4px solid var(--green);background:#eef8f3;padding:12px 14px;border-radius:8px;line-height:1.65}.warning{border-left:4px solid #a85836;background:var(--danger);padding:12px 14px;border-radius:8px;line-height:1.65}.compare{border:1px solid var(--line);border-radius:10px;padding:12px;margin:8px 0;line-height:1.62}.word-card{border:1px solid var(--line);border-radius:12px;padding:14px;margin:9px 0}.word-card h3{margin:0}.greek{font-family:Georgia,serif;font-weight:500;margin-left:8px}.source-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}.btn{border:0;border-radius:10px;padding:11px 14px;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}.btn.secondary{background:#e9eef3;color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}textarea{width:100%;min-height:180px;border:1px solid #c8d2dc;border-radius:12px;padding:13px;resize:vertical}.qa{border:1px solid var(--line);border-radius:11px;margin:8px 0;overflow:hidden}.qa button{width:100%;border:0;background:white;text-align:left;padding:13px;font-weight:800;cursor:pointer}.answer{display:none;padding:0 13px 13px;line-height:1.65;color:#34485b}.qa.open .answer{display:block}.bottomnav{position:fixed;z-index:40;bottom:0;left:0;right:0;background:rgba(255,255,255,.98);border-top:1px solid var(--line);display:flex;justify-content:center;gap:4px;padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.bottomnav button{border:0;background:transparent;padding:10px 14px;border-radius:10px;color:var(--muted);font-weight:800;cursor:pointer}.bottomnav button:hover{background:var(--soft);color:var(--ink)}.searchbox{display:flex;gap:8px;margin-bottom:16px}.searchbox input{flex:1;border:1px solid #c8d2dc;border-radius:11px;padding:12px 14px;font-size:16px}.result{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;margin:8px 0;cursor:pointer}.result small{display:block;color:var(--muted);margin-top:4px}.stat{font-size:34px;font-weight:900}.knowledge{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.empty{text-align:center;color:var(--muted);padding:36px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.menu-card{cursor:pointer}.privacy{background:#edf7f2;border:1px solid #cfe5d9;border-radius:12px;padding:13px}.true-list{margin:0;padding-left:20px}.install-steps li{margin-bottom:10px}@media(max-width:680px){.top-actions .iconbtn{padding:8px;font-size:12px}.brand small{max-width:210px}.shell{padding-top:13px}.tabs{top:59px}.bottomnav button{font-size:11px;padding:9px 10px}.study-section{padding:16px}.scripture{font-size:18px}.hero h1{font-size:34px}}

.testament-switch{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.testament-switch button{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 13px;font-weight:750;cursor:pointer}.testament-switch button.active{background:var(--navy);color:white;border-color:var(--navy)}.testament-banner{margin-top:28px;padding:14px 0 4px;border-top:1px solid var(--line)}.langtag{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.hebrew{font-family:Georgia,serif;font-size:22px}.canon{border-left:4px solid var(--gold);background:#fff9ea;padding:14px;border-radius:10px}

.scripture em{font-style:italic}.teaching-paragraph{padding:12px 0;border-bottom:1px solid var(--line)}.teaching-paragraph:last-child{border-bottom:0}.teaching-paragraph p{margin:.4rem 0 0;line-height:1.72}

.observations{margin-top:12px;padding:12px 14px;background:var(--soft);border-radius:10px}.observations ul{margin:.45rem 0 0;padding-left:1.2rem}.observations li{margin:.35rem 0;line-height:1.55}


/* Expository depth edition */
.verse-notes{margin-top:16px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe;overflow:hidden}
.verse-notes summary{cursor:pointer;padding:13px 15px;font-weight:800;color:#233d56;display:flex;justify-content:space-between;gap:10px;align-items:center;list-style:none}
.verse-notes summary::-webkit-details-marker{display:none}
.verse-notes summary span{font-size:12px;color:var(--muted);font-weight:700}
.verse-notes[open] summary{border-bottom:1px solid var(--line);background:#f2f6fa}
.verse-note-list{padding:4px 14px 10px}
.verse-note{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid #e7edf3}
.verse-note:last-child{border-bottom:0}
.verse-note-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:12px;font-weight:850;margin-top:2px}
.verse-note-text{font-family:Georgia,'Times New Roman',serif;line-height:1.65;color:#27384b;margin-bottom:6px}
.verse-note-text em{font-style:italic}
.verse-note p{margin:0;color:#465a70;line-height:1.7}
@media(max-width:600px){.verse-note{grid-template-columns:28px 1fr}.verse-note-num{width:26px;height:26px;font-size:11px}}

/* Study Bible enhancements */
:root{--reader-scale:1;--reader-line:1.72}
body[data-theme="dark"]{--ink:#e9eef4;--muted:#aebdca;--bg:#0f1720;--card:#172330;--line:#314252;--soft:#223241;--warn:#3a301b;--danger:#3b2322;--navy:#0c2135;--navy2:#143a59;background:var(--bg);color:var(--ink)}
body[data-theme="dark"] .topbar,body[data-theme="dark"] .bottomnav,body[data-theme="dark"] .tabs,body[data-theme="dark"] .tabs button,body[data-theme="dark"] .card,body[data-theme="dark"] .study-section,body[data-theme="dark"] .lesson-row,body[data-theme="dark"] .result,body[data-theme="dark"] .qa button,body[data-theme="dark"] .iconbtn,body[data-theme="dark"] .ghost{background:var(--card);color:var(--ink)}
body[data-theme="dark"] .verse-note-text,body[data-theme="dark"] .answer{color:var(--ink)}
body[data-theme="contrast"]{--ink:#000;--muted:#222;--bg:#fff;--card:#fff;--line:#000;--navy:#000;--navy2:#111;--gold:#7a5200;--soft:#fff;color:#000;background:#fff}
body[data-theme="contrast"] .card,body[data-theme="contrast"] .study-section,body[data-theme="contrast"] .lesson-row,body[data-theme="contrast"] .result{border-width:2px;box-shadow:none}
@media(prefers-color-scheme:dark){body[data-theme="system"]{--ink:#e9eef4;--muted:#aebdca;--bg:#0f1720;--card:#172330;--line:#314252;--soft:#223241;--warn:#3a301b;--danger:#3b2322;--navy:#0c2135;--navy2:#143a59}body[data-theme="system"] .topbar,body[data-theme="system"] .bottomnav,body[data-theme="system"] .tabs,body[data-theme="system"] .tabs button,body[data-theme="system"] .card,body[data-theme="system"] .study-section,body[data-theme="system"] .lesson-row,body[data-theme="system"] .result,body[data-theme="system"] .qa button,body[data-theme="system"] .iconbtn,body[data-theme="system"] .ghost{background:var(--card);color:var(--ink)}}
.reduce-motion *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
.scripture{font-size:calc(19px * var(--reader-scale));line-height:var(--reader-line)}
.study-section p,.study-section li{line-height:var(--reader-line)}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:18px}.continue-card{cursor:pointer;border-left:5px solid var(--gold)}
.dark-ghost{color:white;background:transparent;border-color:rgba(255,255,255,.35)}.study-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:11px;color:#d6e1e9}.study-meta span{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 9px}
.ref-pill{border:0;cursor:pointer;color:inherit}.ref-pill:hover{text-decoration:underline}.heading-link{border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;padding:0;text-align:left;cursor:pointer}.heading-link:hover{text-decoration:underline}
.vnum-button{border:0;background:transparent;cursor:pointer;padding:2px}.verse.highlighted{background:#fff1a8;border-radius:3px}.verse.bookmarked .vnum{color:#b55722}.verse-toolbar{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:14px}.verse-toolbar>span{display:block;font-family:Georgia,'Times New Roman',serif;line-height:1.6;margin-top:6px}
.depth-control{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:10px 12px}.depth-control button{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:7px 10px;cursor:pointer}.depth-control button.active{background:var(--navy);color:white;border-color:var(--navy)}
.dispute-step{padding:12px 0;border-bottom:1px solid var(--line)}.dispute-step:last-child{border-bottom:0}.editorial-meta p{margin:.35rem 0}.reference-reader{padding:4px 0 12px}.doctrine-trail{display:grid;gap:7px;max-height:600px;overflow:auto}.doctrine-trail button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px;text-align:left;cursor:pointer}.doctrine-trail span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.topic-result{padding:13px 0;border-bottom:1px solid var(--line)}.review-card details,.study-section details{margin:10px 0}.review-card summary,.study-section summary{cursor:pointer;font-weight:750}.score-banner{position:sticky;top:62px;z-index:15;background:var(--navy);color:white;border-radius:12px;padding:10px 14px;margin-bottom:12px;font-weight:800}.self-check{display:block;margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:10px}.self-check input{margin-right:7px}
.teaching-sheet{background:white;color:#152333;border:1px solid var(--line);border-radius:18px;padding:clamp(18px,4vw,36px);max-width:900px;margin:0 auto}.teaching-sheet h1{font-size:clamp(30px,5vw,48px)}.teaching-sheet h2{margin-top:30px;border-bottom:1px solid #dfe5eb;padding-bottom:8px}.teacher-point{padding:10px 0}.leader-note{background:#fff8e5;border-left:4px solid #c99a31;padding:10px 12px;margin-top:8px}.answer.always-show{display:block;padding:7px 0}.big-idea{font-size:18px;line-height:1.6}
.timeline{position:relative}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--line)}.timeline-item{position:relative;display:grid;grid-template-columns:42px 1fr;gap:12px;margin-bottom:14px}.timeline-marker{position:relative;z-index:2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:white;font-weight:900}.saved-verse{border-bottom:1px solid var(--line);padding:10px 0;cursor:pointer}.saved-verse p{font-family:Georgia,'Times New Roman',serif}.saved-verse.highlighted{background:#fff9df;padding:10px;border-radius:8px;margin:5px 0}
select,input[type="range"]{max-width:100%;margin:7px 0 14px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}label{display:block;font-weight:700;margin:8px 0}
@media print{.topbar,.bottomnav,.back,.tabs,.no-print{display:none!important}.shell{max-width:none;padding:0}.teaching-sheet{border:0;box-shadow:none}.studyhead{background:white;color:black}.studyhead p{color:black}}
@media(max-width:600px){.dashboard-grid{grid-template-columns:1fr}.study-meta{font-size:10px}.score-banner{top:59px}.timeline-item{grid-template-columns:34px 1fr}.timeline-marker{width:32px;height:32px}.timeline:before{left:16px}}
.study-grid{font-size:calc(16px * var(--reader-scale))}.reader-actions{margin-top:14px}.reference-block{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.reference-block:last-child{border-bottom:0}.topic-result h3{margin-bottom:7px}

/* ============================================================
   Professional Reading Redesign • 2026-08-14
   Warm neutral study palette, restrained olive and gold accents.
   Designed for extended Bible reading and high contrast.
   ============================================================ */
:root{
  --ink:#24211d;
  --muted:#635d54;
  --bg:#f4f0e7;
  --card:#fffcf6;
  --line:#d8d0c2;
  --navy:#3f4b3a;
  --navy2:#575548;
  --gold:#8a5c12;
  --soft:#ede7db;
  --green:#356247;
  --warn:#fff4d8;
  --danger:#fce8e4;
  --reader-paper:#fffdf8;
  --link:#465a38;
  --shadow:0 10px 30px rgba(49,42,32,.055);
  --shadow-hover:0 14px 34px rgba(49,42,32,.09);
  color-scheme:light;
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
a{color:var(--link)}
.topbar{background:rgba(255,252,246,.96);border-bottom-color:var(--line);box-shadow:0 3px 18px rgba(44,37,28,.045)}
.brandmark{width:44px;height:44px;border-radius:12px;background:#071c42;overflow:hidden;border:1px solid #bd8d35;box-shadow:0 2px 8px rgba(28,22,15,.13)}
.brandmark img{display:block;width:100%;height:100%;object-fit:cover}
.brand strong{color:var(--ink);font-weight:850;letter-spacing:-.01em}.brand small{color:var(--muted)}
.iconbtn,.ghost{background:var(--card);border-color:var(--line);color:var(--ink);box-shadow:0 2px 7px rgba(49,42,32,.025)}
.iconbtn:hover,.ghost:hover{background:#f7f1e5;border-color:#beb39f}
.shell{max-width:1160px}
.hero{background:linear-gradient(145deg,#30372d 0%,#46503f 55%,#5b5747 100%);color:#fffaf0;box-shadow:0 14px 34px rgba(40,38,30,.14)}
.hero p{color:#f1ede4}.hero .eyebrow,.studyhead .eyebrow{color:#f0cf7a}.hero h1{max-width:930px}
.studyhead{background:linear-gradient(145deg,#30372d 0%,#46503f 100%);color:#fffaf0;box-shadow:0 11px 28px rgba(40,38,30,.12)}
.studyhead p{color:#f1ede4}.study-meta{color:#eee8dd}.study-meta span{border-color:rgba(255,255,255,.35)}
.card,.study-section{background:var(--card);border-color:var(--line);box-shadow:var(--shadow)}
.book-card:hover,.menu-card:hover{box-shadow:var(--shadow-hover);border-color:#c7bda9}
.card h2,.card h3,.study-section h2,.study-section h3,.section-title h2{color:var(--ink)}
.meta,.small,.source-note{color:var(--muted)}
.eyebrow,.label{color:var(--gold)}
.pill{background:var(--soft);color:#4d473f;border:1px solid #dfd6c6}.pill.gold{background:#f5e6bd;color:#6d470c;border-color:#e1c98d}
.progressbar{background:#e7dfd2}.progressbar i{background:#aa7b27}
.lesson-row{background:var(--card);border-color:var(--line);box-shadow:0 4px 16px rgba(49,42,32,.025)}
.lesson-row:hover{border-color:#bfb49f;background:#fffaf0}.lesson-num{background:var(--soft);color:#3b352e}.lesson-row.done{border-left-color:var(--green)}
.back{color:var(--link)}.back:hover{text-decoration:underline}
.tabs{background:var(--bg)}.tabs button{background:var(--card);border-color:var(--line);color:#5d574e}.tabs button:hover{background:#f7f1e5;color:var(--ink)}.tabs button.active{background:var(--navy);border-color:var(--navy);color:#fff}
.testament-switch button{background:var(--card);border-color:var(--line);color:var(--ink)}.testament-switch button.active{background:var(--navy);border-color:var(--navy);color:#fff}
.scripture{color:#29251f;max-width:78ch}.vnum{color:var(--gold)}
.study-section>p,.study-section>ul,.study-section>ol,.study-section>.teaching-paragraph{max-width:82ch}
.passage{border-top-color:var(--line)}
.observations{background:#f2ede3;color:var(--ink)}
.callout{border-left-color:#ad7b21;background:var(--warn);color:#3a3124}
.position{border-left-color:var(--green);background:#eaf4ed;color:#233a2b}
.warning{border-left-color:#9d4f36;background:var(--danger);color:#48291f}
.compare,.word-card{border-color:var(--line);background:#fffdf8}
.btn{background:var(--navy);color:#fff;border:1px solid var(--navy);box-shadow:0 3px 9px rgba(49,42,32,.08)}.btn:hover{background:#344031}.btn.secondary{background:#eee8dc;color:var(--ink);border-color:#d9d0c1}
textarea,.searchbox input,select,input[type="range"]{background:var(--reader-paper);color:var(--ink);border-color:#c9bfaf}.searchbox input:focus,textarea:focus,select:focus{outline:3px solid rgba(138,92,18,.16);border-color:#9b762f}
.qa{border-color:var(--line);background:var(--card)}.qa button{background:var(--card);color:var(--ink)}.qa button:hover{background:#f6f0e5}.answer{color:#4d473e}
.bottomnav{background:rgba(255,252,246,.97);border-top-color:var(--line);box-shadow:0 -4px 18px rgba(49,42,32,.045)}.bottomnav button{color:#615b52}.bottomnav button:hover{background:var(--soft);color:var(--ink)}
.result{background:var(--card);border-color:var(--line)}.result:hover{border-color:#bfb49f;background:#fffaf0}
.privacy{background:#ecf4ee;border-color:#cddfcf;color:#294130}
.canon{background:#fff5da;border-left-color:#ad7b21;color:#3c3223}
.verse-notes{background:#fffaf1;border-color:var(--line)}.verse-notes summary{color:#3a352e}.verse-notes[open] summary{background:#f3ede1;border-bottom-color:var(--line)}.verse-note{border-bottom-color:#e4dccf}.verse-note-num{background:var(--navy);color:#fff}.verse-note-text{color:#2f2a24}.verse-note p{color:#565047}
.verse.highlighted{background:#ffeca6}.verse.bookmarked .vnum{color:#9d4f28}.verse-toolbar{background:#f0eadf;border-color:var(--line);color:var(--ink)}
.depth-control{background:var(--card);border-color:var(--line)}.depth-control button{background:var(--soft);border-color:var(--line);color:var(--ink)}.depth-control button.active{background:var(--navy);border-color:var(--navy);color:#fff}
.doctrine-trail button{background:var(--card);border-color:var(--line);color:var(--ink)}.doctrine-trail button:hover{background:#f6f0e5}
.score-banner{background:var(--navy);color:#fff}.self-check{border-color:var(--line);background:#fffaf2}
.teaching-sheet{background:#fffdf8;color:var(--ink);border-color:var(--line);box-shadow:var(--shadow)}.teaching-sheet h2{border-bottom-color:var(--line)}.leader-note{background:#fff2cf;border-left-color:#a8751c;color:#3a3020}
.timeline:before{background:#cfc5b5}.timeline-marker{background:var(--navy);color:#fff}.saved-verse.highlighted{background:#fff2bf}
.reference-block,.topic-result{border-bottom-color:var(--line)}
.dark-ghost{color:#fffaf0;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.38)}.dark-ghost:hover{background:rgba(255,255,255,.14)}

/* Dark reading mode: warm charcoal rather than blue-black. */
body[data-theme="dark"]{
  --ink:#f4efe5;--muted:#c8c0b3;--bg:#171713;--card:#211f1a;--line:#403a31;--navy:#354137;--navy2:#4b4b3e;--gold:#d8b36a;--soft:#2c2922;--green:#78a889;--warn:#3b321d;--danger:#3b2521;--reader-paper:#25221c;--link:#c8d6b4;--shadow:none;color-scheme:dark;background:var(--bg);color:var(--ink)
}
body[data-theme="dark"] .topbar,body[data-theme="dark"] .bottomnav{background:rgba(33,31,26,.97);color:var(--ink)}
body[data-theme="dark"] .card,body[data-theme="dark"] .study-section,body[data-theme="dark"] .lesson-row,body[data-theme="dark"] .result,body[data-theme="dark"] .qa,body[data-theme="dark"] .qa button,body[data-theme="dark"] .iconbtn,body[data-theme="dark"] .ghost,body[data-theme="dark"] .tabs button,body[data-theme="dark"] .testament-switch button,body[data-theme="dark"] .depth-control,body[data-theme="dark"] .doctrine-trail button{background:var(--card);color:var(--ink);border-color:var(--line)}
body[data-theme="dark"] .tabs{background:var(--bg)}
body[data-theme="dark"] .tabs button.active,body[data-theme="dark"] .testament-switch button.active,body[data-theme="dark"] .depth-control button.active{background:#4a5949;color:#fff;border-color:#65725f}
body[data-theme="dark"] .hero,body[data-theme="dark"] .studyhead{background:linear-gradient(145deg,#2d342d,#46463a);color:#fffaf0}
body[data-theme="dark"] .hero p,body[data-theme="dark"] .studyhead p{color:#eee8dc}
body[data-theme="dark"] .card h2,body[data-theme="dark"] .card h3,body[data-theme="dark"] .study-section h2,body[data-theme="dark"] .study-section h3,body[data-theme="dark"] .section-title h2,body[data-theme="dark"] .brand strong{color:var(--ink)}
body[data-theme="dark"] .brand small,body[data-theme="dark"] .meta,body[data-theme="dark"] .small,body[data-theme="dark"] .source-note{color:var(--muted)}
body[data-theme="dark"] .pill{background:#302c25;color:#e6dfd2;border-color:#494238}body[data-theme="dark"] .pill.gold{background:#49391e;color:#f2d28b;border-color:#69532b}
body[data-theme="dark"] .scripture,body[data-theme="dark"] .verse-note-text,body[data-theme="dark"] .verse-note p,body[data-theme="dark"] .answer{color:var(--ink)}
body[data-theme="dark"] .observations{background:#29261f;color:var(--ink)}body[data-theme="dark"] .callout{background:#3a311d;color:#f5e8c6}body[data-theme="dark"] .position{background:#223329;color:#dcece0}body[data-theme="dark"] .warning{background:#3a2522;color:#f2d8d2}
body[data-theme="dark"] .compare,body[data-theme="dark"] .word-card,body[data-theme="dark"] .verse-notes,body[data-theme="dark"] .teaching-sheet,body[data-theme="dark"] .self-check{background:#25221c;color:var(--ink);border-color:var(--line)}
body[data-theme="dark"] .verse-notes[open] summary,body[data-theme="dark"] .verse-toolbar{background:#2d2922;color:var(--ink)}
body[data-theme="dark"] .verse-notes summary{color:var(--ink)}body[data-theme="dark"] .verse-note{border-bottom-color:#403a31}
body[data-theme="dark"] .verse.highlighted{background:#6a5520;color:#fff8e7}body[data-theme="dark"] .saved-verse.highlighted{background:#45381c;color:var(--ink)}
body[data-theme="dark"] textarea,body[data-theme="dark"] .searchbox input,body[data-theme="dark"] select{background:var(--reader-paper);color:var(--ink);border-color:#5a5145}
body[data-theme="dark"] .privacy{background:#213329;border-color:#365543;color:#dcece0}body[data-theme="dark"] .canon,body[data-theme="dark"] .leader-note{background:#3a311d;color:#f5e8c6}

/* System dark uses the same warm dark palette. */
@media(prefers-color-scheme:dark){
 body[data-theme="system"]{--ink:#f4efe5;--muted:#c8c0b3;--bg:#171713;--card:#211f1a;--line:#403a31;--navy:#354137;--navy2:#4b4b3e;--gold:#d8b36a;--soft:#2c2922;--green:#78a889;--warn:#3b321d;--danger:#3b2521;--reader-paper:#25221c;--link:#c8d6b4;--shadow:none;color-scheme:dark;background:var(--bg);color:var(--ink)}
 body[data-theme="system"] .topbar,body[data-theme="system"] .bottomnav{background:rgba(33,31,26,.97);color:var(--ink)}
 body[data-theme="system"] .card,body[data-theme="system"] .study-section,body[data-theme="system"] .lesson-row,body[data-theme="system"] .result,body[data-theme="system"] .qa,body[data-theme="system"] .qa button,body[data-theme="system"] .iconbtn,body[data-theme="system"] .ghost,body[data-theme="system"] .tabs button,body[data-theme="system"] .testament-switch button,body[data-theme="system"] .depth-control,body[data-theme="system"] .doctrine-trail button{background:var(--card);color:var(--ink);border-color:var(--line)}
 body[data-theme="system"] .tabs{background:var(--bg)}
 body[data-theme="system"] .tabs button.active,body[data-theme="system"] .testament-switch button.active,body[data-theme="system"] .depth-control button.active{background:#4a5949;color:#fff;border-color:#65725f}
 body[data-theme="system"] .hero,body[data-theme="system"] .studyhead{background:linear-gradient(145deg,#2d342d,#46463a);color:#fffaf0}
 body[data-theme="system"] .hero p,body[data-theme="system"] .studyhead p{color:#eee8dc}
 body[data-theme="system"] .card h2,body[data-theme="system"] .card h3,body[data-theme="system"] .study-section h2,body[data-theme="system"] .study-section h3,body[data-theme="system"] .section-title h2,body[data-theme="system"] .brand strong{color:var(--ink)}
 body[data-theme="system"] .brand small,body[data-theme="system"] .meta,body[data-theme="system"] .small,body[data-theme="system"] .source-note{color:var(--muted)}
 body[data-theme="system"] .pill{background:#302c25;color:#e6dfd2;border-color:#494238}body[data-theme="system"] .pill.gold{background:#49391e;color:#f2d28b;border-color:#69532b}
 body[data-theme="system"] .scripture,body[data-theme="system"] .verse-note-text,body[data-theme="system"] .verse-note p,body[data-theme="system"] .answer{color:var(--ink)}
 body[data-theme="system"] .observations{background:#29261f;color:var(--ink)}body[data-theme="system"] .callout{background:#3a311d;color:#f5e8c6}body[data-theme="system"] .position{background:#223329;color:#dcece0}body[data-theme="system"] .warning{background:#3a2522;color:#f2d8d2}
 body[data-theme="system"] .compare,body[data-theme="system"] .word-card,body[data-theme="system"] .verse-notes,body[data-theme="system"] .teaching-sheet,body[data-theme="system"] .self-check{background:#25221c;color:var(--ink);border-color:var(--line)}
 body[data-theme="system"] .verse-notes[open] summary,body[data-theme="system"] .verse-toolbar{background:#2d2922;color:var(--ink)}
 body[data-theme="system"] .verse-notes summary{color:var(--ink)}body[data-theme="system"] .verse-note{border-bottom-color:#403a31}
 body[data-theme="system"] .verse.highlighted{background:#6a5520;color:#fff8e7}body[data-theme="system"] .saved-verse.highlighted{background:#45381c;color:var(--ink)}
 body[data-theme="system"] textarea,body[data-theme="system"] .searchbox input,body[data-theme="system"] select{background:var(--reader-paper);color:var(--ink);border-color:#5a5145}
 body[data-theme="system"] .privacy{background:#213329;border-color:#365543;color:#dcece0}body[data-theme="system"] .canon,body[data-theme="system"] .leader-note{background:#3a311d;color:#f5e8c6}
}

/* High contrast remains intentionally plain. */
body[data-theme="contrast"]{--ink:#000;--muted:#111;--bg:#fff;--card:#fff;--line:#000;--navy:#000;--navy2:#111;--gold:#704600;--soft:#fff;--reader-paper:#fff;--link:#000;color:#000;background:#fff;color-scheme:light}
body[data-theme="contrast"] .hero,body[data-theme="contrast"] .studyhead{background:#000;color:#fff}body[data-theme="contrast"] .hero p,body[data-theme="contrast"] .studyhead p{color:#fff}body[data-theme="contrast"] .eyebrow,body[data-theme="contrast"] .label{color:#704600}body[data-theme="contrast"] .hero .eyebrow,body[data-theme="contrast"] .studyhead .eyebrow{color:#ffe08a}
body[data-theme="contrast"] .card,body[data-theme="contrast"] .study-section,body[data-theme="contrast"] .lesson-row,body[data-theme="contrast"] .result,body[data-theme="contrast"] .qa{border:2px solid #000;box-shadow:none}

@media(max-width:680px){.brandmark{width:40px;height:40px}.hero{border-radius:18px}.card,.study-section{border-radius:14px}.shell{padding-left:12px;padding-right:12px}}

/* Chapter completion dates and study pace tracking. Uses the existing reading palette. */
.completion-meta{color:var(--green)!important;font-weight:800}
.timeline-summary{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.completion-list,.completion-books{display:grid;gap:8px}
.completion-row,.completion-book{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;text-align:left;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:11px;padding:12px 13px;cursor:pointer}
.completion-row:hover,.completion-book:hover{background:var(--soft)}
.completion-row span,.completion-book span,.completion-book small{color:var(--muted);font-size:12px;line-height:1.45}
.completion-book{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.completion-book small{grid-column:1/-1}
.completion-stamp{display:grid;gap:4px;border-left:4px solid var(--green);background:#edf5ef;border-radius:9px;padding:11px 13px;margin-bottom:12px;color:var(--ink)}
.completion-stamp span{font-weight:750}.completion-stamp small{color:var(--muted)}
body[data-theme="dark"] .completion-row,body[data-theme="dark"] .completion-book{background:var(--card);color:var(--ink);border-color:var(--line)}
body[data-theme="dark"] .completion-row:hover,body[data-theme="dark"] .completion-book:hover{background:var(--soft)}
body[data-theme="dark"] .completion-stamp{background:#223329;color:var(--ink)}
@media(prefers-color-scheme:dark){body[data-theme="system"] .completion-row,body[data-theme="system"] .completion-book{background:var(--card);color:var(--ink);border-color:var(--line)}body[data-theme="system"] .completion-row:hover,body[data-theme="system"] .completion-book:hover{background:var(--soft)}body[data-theme="system"] .completion-stamp{background:#223329;color:var(--ink)}}
body[data-theme="contrast"] .completion-row,body[data-theme="contrast"] .completion-book,body[data-theme="contrast"] .completion-stamp{border:2px solid #000;background:#fff;color:#000}
@media(max-width:680px){.completion-row{display:grid;gap:5px}.completion-book{grid-template-columns:1fr}.completion-book small{grid-column:auto}}


/* Outdoor Crusade Push & App Manager integration. Uses the approved reading palette. */
.push-panel{display:grid;gap:14px}
.push-status{display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink)}
.push-status>div{display:grid;gap:2px}.push-status small{color:var(--muted)}
.push-dot{width:12px;height:12px;border-radius:50%;flex:0 0 12px;background:#837b6f;box-shadow:0 0 0 4px rgba(131,123,111,.12)}
.push-dot.success{background:var(--green);box-shadow:0 0 0 4px rgba(53,98,71,.13)}
.push-dot.warning{background:#a66b1e;box-shadow:0 0 0 4px rgba(166,107,30,.14)}
.push-notice{border-left:4px solid var(--gold);background:var(--warn);border-radius:9px;padding:11px 13px;color:var(--ink)}
.push-preferences{display:grid;gap:9px}
.push-pref{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer}
.push-pref:hover{background:#fffaf0}.push-pref input{width:21px;height:21px;margin:1px 0 0;accent-color:var(--navy)}
.push-pref span{display:grid;gap:3px}.push-pref strong{color:var(--ink)}.push-pref small{color:var(--muted);line-height:1.45}.push-pref em{color:var(--gold);font-size:12px;font-style:normal;font-weight:750}
.push-actions{margin-top:2px}.push-actions .btn:disabled,[data-push-action]:disabled{opacity:.58;cursor:wait}
.push-message{min-height:1.4em;margin:0;color:var(--muted);font-weight:700}.push-message.success{color:var(--green)}.push-message.error{color:#8a3e2c}
body[data-theme="dark"] .push-status,body[data-theme="dark"] .push-pref{background:var(--card);border-color:var(--line)}body[data-theme="dark"] .push-pref:hover{background:var(--soft)}body[data-theme="dark"] .push-notice{background:#3a311d;color:#f5e8c6}body[data-theme="dark"] .push-message.error{color:#f0a693}
@media(prefers-color-scheme:dark){body[data-theme="system"] .push-status,body[data-theme="system"] .push-pref{background:var(--card);border-color:var(--line)}body[data-theme="system"] .push-pref:hover{background:var(--soft)}body[data-theme="system"] .push-notice{background:#3a311d;color:#f5e8c6}body[data-theme="system"] .push-message.error{color:#f0a693}}
body[data-theme="contrast"] .push-status,body[data-theme="contrast"] .push-pref,body[data-theme="contrast"] .push-notice{border:2px solid #000;background:#fff;color:#000}body[data-theme="contrast"] .push-dot{background:#000;box-shadow:none}

/* Push integration resilience v1.1 */
.push-notice.warning{border-color:#c99a45;background:#fff6df;color:#5d4214}
.push-notice small{display:block;margin-top:.45rem;font-size:.78rem;line-height:1.35;opacity:.82}
.push-message span,.push-message small{display:block}
.push-message small{margin-top:.35rem;font-size:.76rem;opacity:.78}
.push-pref input:disabled+span{opacity:.65}
[data-theme="dark"] .push-notice.warning{background:#332b1e;color:#f3d99d;border-color:#7d6535}


/* Push notification master-toggle UI v7 */
.push-all-on{margin-top:18px}
.push-included-list{display:grid;gap:10px;margin-top:12px}
.push-included{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}
.push-included>span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;font-weight:900}
.push-included strong,.push-included small{display:block}.push-included small{margin-top:3px;color:var(--muted);line-height:1.45}
.push-invite{position:fixed;z-index:1200;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));max-width:680px;margin:auto;padding:20px 22px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 18px 50px rgba(0,0,0,.18);color:var(--ink)}
.push-invite>strong{font-size:1.15rem}.push-invite p{margin:7px 32px 14px 0;color:var(--muted)}
.push-invite-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:var(--muted);font-size:1.6rem;line-height:1;cursor:pointer}
.push-invite-error{display:block;color:var(--danger,#8a382b);margin-top:8px}

/* v9 push diagnostic readability */
.push-invite-error,.push-message.error{color:#8a382b!important;font-weight:800}
.push-invite-error{background:#fff0ed;border:1px solid #e4b6aa;border-radius:9px;padding:9px 10px;line-height:1.45}
body[data-theme="dark"] .push-invite-error,body[data-theme="dark"] .push-message.error{color:#f0a693!important}
body[data-theme="dark"] .push-invite-error{background:#3b2521;border-color:#755047}
@media(prefers-color-scheme:dark){body[data-theme="system"] .push-invite-error,body[data-theme="system"] .push-message.error{color:#f0a693!important}body[data-theme="system"] .push-invite-error{background:#3b2521;border-color:#755047}}


.notifybtn{position:relative}
.notify-count{position:absolute;top:-5px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--gold);color:#1f1f22;font-size:11px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}
.notify-count.hidden{display:none}
.notify-drawer{position:fixed;top:68px;right:14px;z-index:80;width:min(360px,calc(100vw - 28px));max-height:min(70vh,560px);overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 48px rgba(0,0,0,.18)}
.notify-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card)}
.notify-drawer-head h3{margin:0;font-size:18px}.notify-drawer-head .ghost{padding:7px 10px}
.notify-drawer-list{padding:10px}.notify-empty{padding:18px;color:var(--muted);text-align:center}
.notify-item{display:grid;grid-template-columns:auto 1fr;gap:11px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;margin-bottom:9px}
.notify-item:hover{background:var(--soft)}
.notify-item.unread{border-left:4px solid var(--gold);background:#fffaf2}
.notify-item-icon{width:38px;height:38px;border-radius:12px;background:#1f1f22;display:grid;place-items:center;overflow:hidden}
.notify-item-icon img{width:100%;height:100%;object-fit:cover}
.notify-item h4{margin:0 0 4px;font-size:15px}.notify-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.notify-item time{display:block;margin-top:6px;color:var(--muted);font-size:11px;font-weight:700}
.notify-toast{position:fixed;top:72px;left:50%;transform:translateX(-50%);z-index:85;width:min(420px,calc(100vw - 26px));background:rgba(31,31,34,.97);color:#fff;border-radius:18px;box-shadow:0 22px 48px rgba(0,0,0,.22);padding:14px 14px 14px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}
.notify-toast img{width:44px;height:44px;border-radius:13px}.notify-toast h4{margin:0 0 4px;font-size:16px}.notify-toast p{margin:0;color:#f2ede6;line-height:1.4;font-size:13px}.notify-toast button{border:0;background:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer}
@media(max-width:680px){.notify-drawer{top:62px;right:10px;left:10px;width:auto}.notify-toast{top:64px}}
body[data-theme="dark"] .notify-drawer,body[data-theme="dark"] .notify-drawer-head{background:var(--card);color:var(--ink);border-color:var(--line)}
body[data-theme="dark"] .notify-item{background:var(--soft);border-color:var(--line)}
body[data-theme="dark"] .notify-item.unread{background:#2e291f}
body[data-theme="contrast"] .notify-drawer,body[data-theme="contrast"] .notify-drawer-head,body[data-theme="contrast"] .notify-item{border:2px solid #000;background:#fff;color:#000;box-shadow:none}