: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}
:root{--ui-scale:1}
html{font-size:calc(17px * var(--ui-scale,1));-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:1rem}*{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:0.78rem}.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(1.875rem,5.5vw,3.5rem);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:0.78rem;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:0.8125rem;line-height:1.55}.pill{display:inline-flex;background:var(--soft);padding:5px 9px;margin:3px 3px 3px 0;border-radius:999px;font-size:0.78rem;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(1.75rem,4.5vw,2.875rem);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:0.8125rem;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:1.25rem;margin-bottom:10px}.study-section p,.study-section li{line-height:1.72}.scripture{font-family:Georgia,"Times New Roman",serif;font-size:1.1875rem;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:1.0625rem}.observations{background:#f6f8fa;border-radius:11px;padding:10px 13px;margin-top:10px}.observations li{font-size:0.875rem}.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:0.78rem;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:1rem}.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:2.125rem;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:0.78rem}.brand small{max-width:210px}.shell{padding-top:13px}.tabs{top:59px}.bottomnav button{font-size:0.78rem;padding:9px 10px}.study-section{padding:16px}.scripture{font-size:1.125rem}.hero h1{font-size:2.125rem}}

.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:0.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.hebrew{font-family:Georgia,serif;font-size:1.375rem}.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:0.78rem;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:0.78rem;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:0.78rem}}

/* 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:1.1875rem;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:0.78rem;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:0.78rem;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(1.875rem,5vw,3rem)}.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:1.125rem;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:0.78rem}.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:1rem}.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:0.78rem;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:0.78rem;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:0.78rem;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:1.125rem}.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:0.9375rem}.notify-item p{margin:0;color:var(--muted);font-size:0.8125rem;line-height:1.45}.notify-item time{display:block;margin-top:6px;color:var(--muted);font-size:0.78rem;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:1rem}.notify-toast p{margin:0;color:#f2ede6;line-height:1.4;font-size:0.8125rem}.notify-toast button{border:0;background:transparent;color:#fff;font-size:1.25rem;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}

/* Production 7 accessibility and interaction hardening. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:2000;left:12px;top:8px;transform:translateY(-150%);padding:10px 14px;border-radius:9px;background:#111313;color:#fff;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.skip-link:focus{transform:translateY(0)}
.search-loading{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--muted);font-weight:750}
.favorite-books{display:flex;gap:8px;flex-wrap:wrap}
.notify-item{width:100%;font:inherit;color:inherit;text-align:left}
.notify-item>span:last-child{display:block;min-width:0}
.notify-item strong{display:block;margin:0 0 4px;font-size:0.9375rem}
.notify-item>span:last-child>span{display:block;color:var(--muted);font-size:0.8125rem;line-height:1.45}
.tabs [role="tab"]:focus-visible,.vnum-button:focus-visible,.notify-item:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
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}


/* =========================================================
   OUTDOOR CRUSADE STUDY BIBLE — BRAND SYSTEM V8.6
   ========================================================= */
:root{--oc-black:#111313;--oc-black-soft:#191b1b;--oc-charcoal:#252929;--oc-orange:#f59a3e;--oc-orange-dark:#c96a19;--oc-orange-soft:#fff0df;--oc-paper:#f6f2e9;--ink:#252929;--muted:#667074;--bg:#f6f2e9;--card:#fff;--line:rgba(17,19,19,.12);--navy:#111313;--navy2:#252929;--gold:#f59a3e;--soft:#fff0df;--green:#4f6b57;--warn:#fff3df;--danger:#fbe9e5;--reader-paper:#fff;--link:#c96a19;--shadow:0 12px 34px rgba(17,19,19,.08)}
body{background:var(--bg);color:var(--ink);color-scheme:light}.topbar{background:rgba(246,242,233,.97);border-bottom-color:var(--line);box-shadow:0 5px 20px rgba(17,19,19,.06)}.brandmark{background:#111313;box-shadow:0 5px 14px rgba(17,19,19,.16);overflow:hidden}.brandmark img{width:100%;height:100%;object-fit:cover}.brand strong{color:#111313}.brand small{color:var(--muted)}.iconbtn,.ghost{background:#fff;border-color:var(--line);color:#252929}.iconbtn:hover,.ghost:hover{background:#fff0df;border-color:rgba(245,154,62,.38)}.appearancebtn{font-weight:950;letter-spacing:-.04em;color:#111313}.hero,.studyhead{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 12%,rgba(245,154,62,.24),transparent 33%),linear-gradient(145deg,#090a0a,#252929);color:#fff;border:1px solid rgba(255,255,255,.05);box-shadow:0 15px 38px rgba(17,19,19,.13)}.hero h1,.studyhead h1{color:#fff}.hero p,.studyhead p{color:#dfe4e5}.eyebrow,.label{color:#c96a19}.hero .eyebrow,.studyhead .eyebrow{color:#f8ac62}.card,.study-section{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}.book-card:hover,.menu-card:hover{border-color:rgba(245,154,62,.38);box-shadow:0 15px 34px rgba(17,19,19,.11)}.pill{background:#f3eee5;color:#444b4d;border-color:var(--line)}.pill.gold{background:#fff0df;color:#8a4c13;border-color:rgba(245,154,62,.30)}.progressbar{background:#e7e1d8}.progressbar i{background:linear-gradient(90deg,#c96a19,#f59a3e)}.lesson-row{background:#fff;border-color:var(--line)}.lesson-row:hover{border-color:rgba(245,154,62,.45)}.lesson-row.done{border-left-color:#4f6b57}.lesson-num{background:#fff0df;color:#5b3515}.back{color:#a95713}.tabs{background:var(--bg)}.tabs button,.testament-switch button,.depth-control button{background:#fff;border-color:var(--line);color:#667074}.tabs button.active,.testament-switch button.active,.depth-control button.active{background:#111313;border-color:#111313;color:#fff}.scripture{color:#252929}.vnum{color:#c96a19}.observations{background:#f5f1e9}.callout{border-left-color:#f59a3e;background:#fff0df;color:#573616}.position{border-left-color:#4f6b57;background:#edf4ef;color:#294132}.warning{border-left-color:#a54e36;background:#fbe9e5;color:#5a2c21}.compare,.word-card,.teaching-sheet{background:#fff;border-color:var(--line)}.btn{background:#f59a3e;color:#111313;border-color:#f59a3e;box-shadow:0 6px 14px rgba(245,154,62,.18)}.btn:hover{background:#111313;border-color:#111313;color:#fff}.btn.secondary{background:#f3eee5;color:#252929;border-color:var(--line)}textarea,.searchbox input,select,input[type="range"]{background:#fff;color:#252929;border-color:rgba(17,19,19,.18)}.searchbox input:focus,textarea:focus,select:focus{outline:3px solid rgba(245,154,62,.19);border-color:#f59a3e}.bottomnav{background:rgba(246,242,233,.98);border-top-color:var(--line);box-shadow:0 -5px 20px rgba(17,19,19,.06)}.bottomnav button{color:#667074}.bottomnav button:hover{background:#fff0df;color:#111313}.result{background:#fff;border-color:var(--line)}.result:hover{background:#fff8ef;border-color:rgba(245,154,62,.38)}.privacy{background:#edf4ef;border-color:#d1dfd5;color:#294132}.canon,.leader-note{background:#fff0df;border-left-color:#f59a3e;color:#573616}.verse-notes{background:#fffaf4}.verse-notes[open] summary,.verse-toolbar{background:#f6f1e8}.verse-note-num{background:#111313;color:#fff}.verse.highlighted{background:#ffe1a8}.saved-verse.highlighted{background:#fff0cf}.verse.bookmarked .vnum{color:#c96a19}.timeline-marker,.score-banner{background:#111313;color:#fff}.push-pref input{accent-color:#f59a3e}.push-included>span{background:#111313!important;color:#f59a3e!important}.notify-count{background:#f59a3e;color:#111313}.notify-item.unread{border-left-color:#f59a3e;background:#fff8ef}.notify-item-icon{background:#111313}.notify-toast{background:rgba(17,19,19,.98)}
.appearance-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.appearance-choice{min-height:92px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);text-align:left;cursor:pointer}.appearance-choice strong,.appearance-choice small{display:block}.appearance-choice strong{font-size:0.9375rem}.appearance-choice small{margin-top:5px;color:var(--muted);font-size:0.78rem;line-height:1.35}.appearance-choice.active{border-color:#f59a3e;box-shadow:inset 0 0 0 2px #f59a3e;background:#fff6ea}.reader-setting{display:grid;gap:9px;margin-bottom:24px}.reader-setting-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.reader-setting output{font-weight:900;color:#c96a19}.reader-setting input[type="range"]{width:100%;accent-color:#f59a3e}.text-scale-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:0.78rem}.reader-preview{margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--reader-paper)}.reader-preview p:last-child{margin-bottom:0;color:var(--muted);font-size:0.8125rem}.appearance-motion{margin-top:18px}.appearance-menu-card{border-top:3px solid #f59a3e}
body[data-theme="dark"]{--ink:#f3f5f5;--muted:#b9c0c2;--bg:#0d0f0f;--card:#191b1b;--line:rgba(255,255,255,.12);--navy:#111313;--navy2:#292c2c;--gold:#f59a3e;--soft:#252828;--green:#82a88e;--warn:#382b1e;--danger:#3b2521;--reader-paper:#151717;--link:#f8ac62;--shadow:none;background:var(--bg);color:var(--ink);color-scheme:dark}body[data-theme="dark"] .topbar,body[data-theme="dark"] .bottomnav{background:rgba(17,19,19,.98);border-color:var(--line)}body[data-theme="dark"] .brand strong{color:#fff}body[data-theme="dark"] .brand small{color:var(--muted)}body[data-theme="dark"] .iconbtn,body[data-theme="dark"] .ghost,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"] .tabs button,body[data-theme="dark"] .testament-switch button,body[data-theme="dark"] .depth-control,body[data-theme="dark"] .depth-control button,body[data-theme="dark"] .doctrine-trail button,body[data-theme="dark"] .appearance-choice{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:#f59a3e;color:#111313;border-color:#f59a3e}body[data-theme="dark"] .hero,body[data-theme="dark"] .studyhead{background:radial-gradient(circle at 88% 12%,rgba(245,154,62,.22),transparent 33%),linear-gradient(145deg,#080909,#242727);color:#fff}body[data-theme="dark"] .hero p,body[data-theme="dark"] .studyhead p{color:#d8ddde}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"] .pill{background:#252828;color:#d8ddde;border-color:var(--line)}body[data-theme="dark"] .pill.gold{background:#3d2c1d;color:#ffd3a4;border-color:#684720}body[data-theme="dark"] .observations{background:#222525}body[data-theme="dark"] .callout,body[data-theme="dark"] .canon,body[data-theme="dark"] .leader-note{background:#382b1e;color:#f8dfc1}body[data-theme="dark"] .position,body[data-theme="dark"] .privacy{background:#1f3025;color:#d8ebdd}body[data-theme="dark"] .warning{background:#3b2521;color:#f4d7d0}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,body[data-theme="dark"] .reader-preview{background:#151717;color:var(--ink);border-color:var(--line)}body[data-theme="dark"] .verse-notes[open] summary,body[data-theme="dark"] .verse-toolbar{background:#222525;color:var(--ink)}body[data-theme="dark"] textarea,body[data-theme="dark"] .searchbox input,body[data-theme="dark"] select{background:#151717;color:var(--ink);border-color:var(--line)}body[data-theme="dark"] .appearance-choice.active{background:#3a2b1e;border-color:#f59a3e;box-shadow:inset 0 0 0 2px #f59a3e}body[data-theme="dark"] .btn{background:#f59a3e;color:#111313;border-color:#f59a3e}body[data-theme="dark"] .btn:hover{background:#fff;color:#111313;border-color:#fff}body[data-theme="dark"] .btn.secondary{background:#252828;color:#fff;border-color:var(--line)}body[data-theme="dark"] .notify-item{background:#222525}body[data-theme="dark"] .notify-item.unread{background:#33271d;border-left-color:#f59a3e}
@media(prefers-color-scheme:dark){body[data-theme="system"]{--ink:#f3f5f5;--muted:#b9c0c2;--bg:#0d0f0f;--card:#191b1b;--line:rgba(255,255,255,.12);--navy:#111313;--navy2:#292c2c;--gold:#f59a3e;--soft:#252828;--green:#82a88e;--warn:#382b1e;--danger:#3b2521;--reader-paper:#151717;--link:#f8ac62;--shadow:none;background:var(--bg);color:var(--ink);color-scheme:dark}body[data-theme="system"] .topbar,body[data-theme="system"] .bottomnav{background:rgba(17,19,19,.98);border-color:var(--line)}body[data-theme="system"] .brand strong{color:#fff}body[data-theme="system"] .iconbtn,body[data-theme="system"] .ghost,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"] .tabs button,body[data-theme="system"] .testament-switch button,body[data-theme="system"] .appearance-choice{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:#f59a3e;color:#111313;border-color:#f59a3e}body[data-theme="system"] .hero,body[data-theme="system"] .studyhead{background:radial-gradient(circle at 88% 12%,rgba(245,154,62,.22),transparent 33%),linear-gradient(145deg,#080909,#242727)}body[data-theme="system"] .scripture{color:var(--ink)}body[data-theme="system"] .appearance-choice.active{background:#3a2b1e;border-color:#f59a3e;box-shadow:inset 0 0 0 2px #f59a3e}}
body[data-theme="contrast"]{--ink:#000;--muted:#111;--bg:#fff;--card:#fff;--line:#000;--navy:#000;--navy2:#111;--gold:#8a4a00;--soft:#fff;--reader-paper:#fff;--link:#000;color:#000;background:#fff;color-scheme:light}.study-grid,.reader-preview{font-size:1rem}.scripture{font-size:1.1875rem;line-height:var(--reader-line)}.study-section p,.study-section li,.passage p,.answer,.verse-note-text{line-height:var(--reader-line)}
@media(max-width:760px){.appearance-options{grid-template-columns:repeat(2,minmax(0,1fr))}.top-actions{gap:4px}.iconbtn{padding:8px 9px}.appearancebtn{min-width:35px}}@media(max-width:430px){.brand small{display:none}.brand strong{font-size:0.8125rem;max-width:132px}.brandmark{width:38px;height:38px}.topbar{padding-left:9px;padding-right:9px}.iconbtn{padding:7px 8px}}


/* =========================================================
   OCSB 8.6 — INSTALL, UPDATE & TEACHING STUDIO
   ========================================================= */
.install-dashboard-card{border-color:rgba(245,154,62,.42)!important;background:linear-gradient(145deg,var(--card),rgba(245,154,62,.09))!important}
.install-invite{position:fixed;z-index:1200;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));max-width:720px;margin:auto;display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(245,154,62,.34);border-radius:18px;background:rgba(17,19,19,.97);color:#fff;box-shadow:0 22px 60px rgba(0,0,0,.34);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.install-invite img{width:48px;height:48px;border-radius:12px}.install-invite strong,.install-invite span{display:block}.install-invite strong{font-size:0.875rem}.install-invite span{margin-top:2px;color:#cbd0d2;font-size:0.78rem;line-height:1.35}.install-invite-action{min-height:38px;padding:0 13px;border:0;border-radius:10px;background:var(--oc-orange);color:#111;font-weight:900}.install-invite-close{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:1.25rem}.app-status-toast{position:fixed;z-index:1300;top:calc(76px + env(safe-area-inset-top));right:14px;max-width:min(390px,calc(100vw - 28px));display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:14px 14px 14px 16px;border:1px solid rgba(245,154,62,.34);border-radius:16px;background:#111313;color:#fff;box-shadow:0 18px 46px rgba(0,0,0,.28)}.app-status-toast strong{font-size:0.875rem}.app-status-toast span{grid-column:1;color:#cbd0d2;font-size:0.78rem}.app-status-toast button{grid-column:2;grid-row:1/3;width:30px;height:30px;border:0;border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:1.125rem}
.install-status,.install-primary{margin:0 0 16px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}.install-status strong,.install-status span{display:block}.install-status strong{color:var(--oc-orange-dark)}.install-status span{margin-top:4px;color:var(--muted);font-size:0.8125rem}.install-status.installed{border-color:rgba(70,130,90,.32)}.install-status.installed strong{color:#3c7d51}.install-primary{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:16px}.install-primary img{width:70px;height:70px;border-radius:17px}.install-primary h3{margin:0 0 4px}.install-primary p{margin:0;color:var(--muted);font-size:0.8125rem}.install-steps li+li{margin-top:8px}
.teaching-duration{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 20px}.teaching-duration .label{margin-right:4px}.teaching-duration button{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);font-weight:800}.teaching-duration button.active{border-color:var(--oc-orange);background:var(--oc-orange);color:#111}.teaching-objective{margin:0 0 20px;padding:16px 18px;border-left:4px solid var(--oc-orange);border-radius:0 12px 12px 0;background:rgba(245,154,62,.08)}.teaching-objective p{margin:5px 0 0}.teaching-sheet>h2{margin-top:30px}
@media(max-width:640px){.install-invite{grid-template-columns:42px 1fr auto;bottom:calc(74px + env(safe-area-inset-bottom))}.install-invite img{width:42px;height:42px}.install-invite-action{grid-column:2}.install-invite-close{grid-column:3;grid-row:1}.install-primary{grid-template-columns:56px 1fr}.install-primary img{width:56px;height:56px}.install-primary .btn{grid-column:1/-1;width:100%}}
@media print{.teaching-duration{display:none!important}}

/* =========================================================
   OCSB VERSION 9 — PHASE 2 READER + STUDY INTERFACE
   ========================================================= */
.v9-reader-commandbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.v9-reader-commandbar>div:first-child{display:grid;gap:2px}.v9-reader-commandbar span{color:var(--muted);font-size:0.78rem}.v9-studyhead-actions{margin-top:16px}.v9-studyhead-actions .dark-ghost{min-height:40px;padding:8px 13px;border-radius:10px}
.v9-scripture .verse,.v9-focus-scripture .verse,.v9-split-scripture .verse{scroll-margin-top:100px}.v9-chapter-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.v9-verse-action-sheet,.v9-study-panel{margin:0 0 18px;border:1px solid rgba(245,154,62,.35);border-radius:18px;background:var(--card);box-shadow:0 14px 36px rgba(17,19,19,.10);overflow:hidden}.v9-verse-action-head{display:grid;grid-template-columns:1fr auto;gap:14px;padding:18px;background:var(--soft);border-bottom:1px solid var(--line)}.v9-verse-action-head p{margin:5px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:1.0625rem;line-height:1.65;color:var(--ink)}.v9-sheet-close{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);font-size:1.5rem;cursor:pointer}.v9-verse-actions{display:flex;flex-wrap:wrap;gap:9px;padding:15px 18px}.v9-verse-actions .btn{min-height:40px;padding:9px 13px;font-size:0.8125rem}.v9-panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--soft)}.v9-panel-actions .back{margin:0 auto 0 0}
.v9-verse-study{padding:18px}.v9-verse-study-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.v9-verse-study-head h2{margin:4px 0 0}.v9-study-kjv{padding:18px;border-radius:15px;background:var(--reader-paper);border:1px solid var(--line);margin-bottom:13px}.v9-kjv-label{display:block;margin-bottom:7px;color:var(--orange2,#c96a19);font-size:0.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.v9-study-kjv p{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.1875rem;line-height:var(--reader-line);color:var(--ink)}.v9-study-kjv sup{color:#c96a19;font-weight:900;margin-right:5px}.v9-editorial-note{margin:0 0 13px;padding:12px 14px;border-left:4px solid #f59a3e;border-radius:0 11px 11px 0;background:#fff0df;color:#573616;font-size:0.78rem;line-height:1.55}.v9-study-detail{border:1px solid var(--line);border-radius:13px;background:var(--card);margin-top:9px;overflow:hidden}.v9-study-detail summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;padding:13px 15px;font-weight:900;list-style:none}.v9-study-detail summary::-webkit-details-marker{display:none}.v9-study-detail[open] summary{background:var(--soft);border-bottom:1px solid var(--line)}.v9-detail-arrow{transition:transform .15s ease}.v9-study-detail[open] .v9-detail-arrow{transform:rotate(180deg)}.v9-study-detail-body{padding:15px}.v9-study-detail-body p:first-child{margin-top:0}.v9-study-detail-body p:last-child{margin-bottom:0}.v9-word-help,.v9-mini-card,.v9-crossref{padding:12px 0;border-bottom:1px solid var(--line)}.v9-word-help:last-child,.v9-mini-card:last-child,.v9-crossref:last-child{border-bottom:0}.v9-word-help strong,.v9-word-help span{display:block}.v9-word-help span{margin-top:2px;color:#c96a19;font-weight:850}.v9-mini-card p,.v9-crossref p{margin:5px 0 0}.v9-relation{display:inline-flex;margin-left:7px;color:var(--muted);font-size:0.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.v9-pill-row{display:flex;flex-wrap:wrap;gap:7px}.v9-verse-note-input{width:100%;min-height:150px;resize:vertical}.v9-search-result{width:100%;text-align:left;cursor:pointer}.v9-searchbox{display:grid;gap:10px}.v9-search-filters{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px}.v9-search-filters button{min-height:36px;white-space:nowrap;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);font-weight:850}.v9-search-filters button.active{background:#111313;color:#fff;border-color:#111313}
.v9-focus-reader{max-width:850px;margin:0 auto;padding:18px 0 52px}.v9-focus-head{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 0;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.v9-focus-head>div{text-align:center}.v9-focus-head h1{margin:2px 0;font-size:1.375rem}.v9-focus-scripture{max-width:760px;margin:22px auto;font-size:1.25rem;line-height:var(--reader-line)}.v9-focus-footer{position:sticky;bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:640px;margin:35px auto 0;padding:10px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(12px)}body.focus-mode .topbar,body.focus-mode .bottomnav{display:none}body.focus-mode .shell{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}
.v9-split-head{margin-bottom:14px}.v9-split-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:15px;align-items:start}.v9-split-scripture-pane,.v9-split-study-pane{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden}.v9-pane-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid var(--line);background:var(--soft)}.v9-split-scripture{max-height:calc(100vh - 235px);overflow-y:auto;padding:20px;font-size:1.1875rem;line-height:var(--reader-line)}.v9-split-scripture .verse.selected{background:#fff0df;outline:2px solid rgba(245,154,62,.55);outline-offset:2px;border-radius:4px}.v9-split-study-pane{position:sticky;top:88px;max-height:calc(100vh - 110px);overflow-y:auto}.v9-split-study-pane .v9-verse-study{padding:18px}.v9-split-actions{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:7px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--soft)}.v9-split-placeholder{padding:28px}.v9-split-placeholder h2{margin:7px 0 10px}
body[data-theme="dark"] .v9-editorial-note{background:#382b1e;color:#f8dfc1}body[data-theme="dark"] .v9-split-scripture .verse.selected{background:#3a2b1e;outline-color:#f59a3e}body[data-theme="dark"] .v9-search-filters button.active{background:#f59a3e;color:#111313;border-color:#f59a3e}body[data-theme="contrast"] .v9-verse-action-sheet,body[data-theme="contrast"] .v9-study-panel,body[data-theme="contrast"] .v9-study-detail,body[data-theme="contrast"] .v9-split-scripture-pane,body[data-theme="contrast"] .v9-split-study-pane{border:2px solid #000;box-shadow:none}
@media(max-width:980px){.v9-split-layout{grid-template-columns:1fr}.v9-split-scripture{max-height:none}.v9-split-study-pane{position:static;max-height:none}.v9-split-study-pane .v9-study-detail-body{padding:14px}}
@media(max-width:640px){.v9-reader-commandbar{align-items:stretch}.v9-reader-commandbar .actions{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.v9-reader-commandbar .actions button{width:100%}.v9-verse-actions{display:grid;grid-template-columns:repeat(2,1fr)}.v9-verse-actions .btn{width:100%}.v9-verse-study{padding:13px}.v9-verse-study-head{align-items:center}.v9-focus-head{grid-template-columns:auto 1fr auto}.v9-focus-head .ghost{padding:8px 10px}.v9-focus-scripture{font-size:1.1875rem}.v9-split-scripture{padding:15px}.v9-panel-actions{display:grid;grid-template-columns:1fr 1fr}.v9-panel-actions .back{grid-column:1/-1}.v9-search-filters{margin-left:-2px;margin-right:-2px}}

/* ===== v9.0.1 accessibility: tap targets (Apple HIG 44px) ===== */
.iconbtn,.ghost{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.btn,.btn.secondary,.bottomnav button,.testament-switch button,.v9-search-filters button,.qa button,.v9-study-detail summary,.appearance-choice{min-height:44px}
.tabs button{min-height:42px}
.back{min-height:42px;display:inline-flex;align-items:center}
.v9-sheet-close,.push-invite-close,.install-invite-close,.notify-toast button,.app-status-toast button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.vnum-button{display:inline-block;padding:4px 7px;margin:0 1px;border-radius:7px}
.vnum-button:hover,.vnum-button:focus-visible{background:var(--soft)}
.vnum{font-size:.82rem}
@media(max-width:430px){.bottomnav button{font-size:.72rem;padding:11px 8px}}

/* ===== Guided walkthrough + How-To overlay ===== */
.oc-tour-scrim{position:fixed;inset:0;z-index:3000;background:rgba(8,10,12,.72);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;padding:16px}
@media(min-width:560px){.oc-tour-scrim{align-items:center}}
.oc-tour-card{width:100%;max-width:460px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.4);padding:22px 20px 18px;animation:ocTourIn .2s ease}
@keyframes ocTourIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.reduce-motion .oc-tour-card{animation:none}
.oc-tour-eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:900;color:var(--gold);margin:0 0 6px}
.oc-tour-card h2{margin:0 0 8px;font-size:1.5rem;line-height:1.15}
.oc-tour-card p{margin:0 0 8px;line-height:1.6;color:var(--ink)}
.oc-tour-icon{font-size:2rem;line-height:1;margin-bottom:10px}
.oc-tour-dots{display:flex;gap:6px;justify-content:center;margin:16px 0 14px;flex-wrap:wrap}
.oc-tour-dots i{width:8px;height:8px;border-radius:999px;background:var(--line);transition:.2s}
.oc-tour-dots i.on{background:var(--gold);transform:scale(1.25)}
.oc-tour-actions{display:flex;align-items:center;gap:10px}
.oc-tour-actions .spacer{flex:1}
.oc-tour-skip{border:0;background:transparent;color:var(--muted);font-weight:800;min-height:44px;padding:0 6px;cursor:pointer}
.oc-tour-back{border:1px solid var(--line);background:transparent;color:var(--ink);font-weight:800;min-height:44px;border-radius:11px;padding:0 15px;cursor:pointer}
.oc-tour-next{border:0;background:var(--gold);color:#1f1f22;font-weight:900;min-height:44px;border-radius:11px;padding:0 20px;cursor:pointer}
.help-step{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:10px 0;background:var(--card)}
.help-step h3{margin:0 0 6px;font-size:1.05rem}
.help-step p{margin:0;line-height:1.6}
.help-step .tag{display:inline-block;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}