:root{color-scheme:dark;--bg:#0e1921;--sidebar:#0a151c;--surface:#14232c;--surface2:#182a34;--surface3:#1e313a;--ink:#e8e6dc;--muted:#9aa8a9;--faint:#637981;--gold:#d2aa75;--gold-soft:#ae8960;--line:#2a3d45;--line2:rgba(199,168,115,.23);--accent:#9bbdb3;--shadow:0 24px 80px rgba(3,12,16,.23);--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}::selection{background:#c8ab79;color:#101c24}.site-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid #26343d;display:flex;flex-direction:column;min-height:0;padding:22px 17px 16px;position:sticky;top:0;height:100vh;height:100dvh;z-index:20;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#415861 transparent}.brand{display:flex;align-items:center;gap:10px;padding:0 8px}.brand-symbol{color:var(--gold);width:37px;height:37px;flex-shrink:0}.brand-symbol svg{width:100%}.brand strong{display:block;font-family:var(--serif);letter-spacing:-1px;font-size:21px;font-weight:500;line-height:1.05}.brand strong span{color:var(--gold)}.brand small{font-size:8px;color:#9babaa;letter-spacing:2.15px;font-weight:700}.side-separator{height:1px;background:#28373d;margin:18px 4px 17px;flex-shrink:0}.side-label{font-size:10px;color:#849398;letter-spacing:1.6px;font-weight:700;margin:0 12px 9px}.side-nav{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.nav-link{width:100%;display:flex;align-items:center;gap:11px;padding:8px 10px;min-height:40px;background:transparent;border:1px solid transparent;border-radius:7px;color:#9aa8ad;text-align:left;font-size:13px;transition:background .16s,color .16s}.nav-link:hover{color:#e6e5dc;background:#172831}.nav-link.selected{background:#25343a;color:#f6e7d1;border-color:#35464d;box-shadow:inset 3px 0 var(--gold)}.ico{width:20px;display:inline-flex;justify-content:center;color:#c4a679;font-size:18px}.nav-hint{margin-left:auto;font-size:9px;letter-spacing:1px;color:#9faaa8}.compact-picker{margin:0 6px;padding:16px 13px;background:#15252e;border:1px solid #283c46;border-radius:7px}.compact-picker label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#879ba0;display:block;margin-bottom:6px}.compact-picker select{background:#20333d;border:1px solid #3a4b54;color:#e5e4d9;border-radius:5px;width:100%;padding:7px;font-size:12px}.picker-chapter{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) 33px;column-gap:8px}.picker-chapter label{grid-column:span 2}.small-go{border:0;border-radius:5px;background:var(--gold);color:#1d2a2b;font-size:20px}.sidebar-bottom{margin-top:auto;flex-shrink:0}.mini-verse{border-top:1px solid #283a43;border-bottom:1px solid #283a43;margin:13px 7px 8px;padding:12px 3px}.mini-verse p{font-family:var(--serif);font-size:15px;line-height:1.36;color:#cccfc7;font-style:italic;margin:7px 0 10px}.overline{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:1.5px}.text-button{padding:0;border:0;background:transparent;color:var(--gold);font-size:11px;font-weight:650}.text-button span{margin-left:5px}.about-link{font-size:12px}.main-column{min-width:0;display:flex;flex-direction:column}.topbar{height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 49px;background:#101d25;border-bottom:1px solid #27373f}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.4px;color:#84999f;font-weight:650}.breadcrumbs strong{font-size:11px;color:#e2dfd5;letter-spacing:.3px;font-weight:550}.crumb-dot{color:#50626a}.top-actions{display:flex;align-items:center;gap:19px}.status-point{display:inline-block;width:6px;height:6px;border-radius:50%;background:#88ae93;margin-right:7px;vertical-align:middle}.icon-button{width:30px;height:30px;border:0;background:transparent;color:#bac2bd;font-size:21px}.icon-button:hover{color:var(--gold)}.menu-toggle{display:none;border:none;background:transparent;font-size:19px}.view{display:none}.active-view{display:block;animation:fade-in .22s ease both}@keyframes fade-in{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:415px;position:relative;overflow:hidden;display:flex;align-items:center;padding:44px min(7%,86px);background:radial-gradient(ellipse at 74% 52%,rgba(60,82,80,.24) 0%,transparent 49%),radial-gradient(ellipse at 0 92%,rgba(35,59,65,.31),transparent 65%),linear-gradient(118deg,#172833 0%,#10212a 61%,#152730 100%);border-bottom:1px solid #293d44}.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(212,198,160,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(212,198,160,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.hero-copy{width:min(660px,69%);z-index:2}.eyebrow{font-size:10px;color:var(--gold);font-weight:760;letter-spacing:2.25px;margin:0 0 15px}.gold-mark{display:inline-block;width:16px;height:1px;background:var(--gold);vertical-align:middle;margin-right:7px}.hero h1,.page-heading h1{font:normal clamp(39px,4.15vw,62px)/1.13 var(--serif);letter-spacing:-1.8px;margin:0;color:#f0eee6}.hero h1 em,.page-heading h1 em,.feature-block h2 em{font-weight:400;color:#d7b685}.hero-description{font-size:14px;line-height:1.9;color:#aeb9b7;margin:22px 0 26px;max-width:530px}.passage-search{background:#f3eee2;max-width:574px;display:flex;align-items:center;border-radius:5px;padding:5px 5px 5px 18px;box-shadow:0 12px 28px rgba(0,0,0,.16)}.search-glyph{font-size:26px;color:#6d7979;margin-right:10px;line-height:1}.passage-search input{background:transparent;border:0;outline:none;color:#24343a;font-size:13px;min-width:0;flex:1}.passage-search input::placeholder{color:#7f8988}.passage-search button{border:0;border-radius:3px;background:#af8b5f;color:#10222a;min-height:40px;padding:0 15px;font-weight:700;font-size:11px;white-space:nowrap}.passage-search button span{margin-left:8px}.passage-search button:hover{background:#d2b17b}.hero-examples{display:flex;flex-wrap:wrap;gap:11px;align-items:center;margin-top:17px;font-size:9px;font-weight:700;letter-spacing:1px;color:#7f999b}.hero-examples button{border:0;padding:2px 0;background:transparent;color:#c6c9bd;font-size:11px;font-weight:450;letter-spacing:0}.hero-examples button:hover{color:var(--gold)}.hero-art{position:absolute;right:0;top:0;bottom:0;width:40%;min-width:400px;opacity:.91;pointer-events:none}.orbit{position:absolute;left:52%;top:50%;transform:translate(-50%,-50%) rotate(-14deg);border:1px solid rgba(218,180,119,.32);border-radius:50%;aspect-ratio:1}.orbit-1{width:110px;border-color:rgba(225,186,123,.52)}.orbit-2{width:220px;border-color:rgba(225,186,123,.34)}.orbit-3{width:355px;border-color:rgba(225,186,123,.18)}.orbit-4{width:480px;border-style:dashed;border-color:rgba(225,186,123,.19)}.orbit-cross{height:320px;width:1px;background:linear-gradient(transparent,rgba(218,185,126,.5),transparent);position:absolute;top:calc(50% - 160px);left:52%;transform:rotate(21deg)}.orbit-light{position:absolute;left:52%;top:50%;height:180px;width:180px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(211,180,124,.19) 0%,transparent 65%)}.star-dot{position:absolute;width:6px;height:6px;background:#ddb885;box-shadow:0 0 18px 3px rgba(222,166,90,.39);border-radius:50%}.dot1{left:36%;top:25%}.dot2{left:73%;top:33%}.dot3{left:61%;top:77%}.hero-art-label{position:absolute;color:#beaa88;font-size:8px;letter-spacing:2px}.a1{left:21%;top:25%}.a2{left:69%;top:33%}.a3{left:58%;top:83%}.content-wrap{max-width:1390px;margin:auto;padding:55px min(6.5%,82px) 76px}.section-heading-line{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}.eyebrow.muted{color:#9b9d8d}.section-heading-line h2,.feature-block h2,.bottom-promo h2,.notebook-panel h2{font:normal 30px/1.25 var(--serif);margin:0;color:var(--ink);letter-spacing:-.5px}.section-heading-line p:not(.eyebrow),.bottom-promo p:not(.eyebrow){margin:7px 0 0;color:var(--muted);font-size:13px}.inline-link{border:0;background:transparent;color:var(--gold);font-size:11px;white-space:nowrap;padding:12px 0}.inline-link span{margin-left:7px}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.journey-card{background:linear-gradient(150deg,#192b34 5%,#13242d 100%);border:1px solid #334750;border-radius:6px;min-height:230px;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:23px;transition:border-color .2s,transform .2s}.journey-card:hover{transform:translateY(-3px);border-color:#957b5e}.card-meta{font-size:9px;letter-spacing:1.6px;color:var(--gold);display:flex;justify-content:space-between;font-weight:700}.card-number{font-family:var(--serif);font-size:40px;color:rgba(196,167,122,.3);line-height:1}.journey-card h3{font:normal 22px/1.22 var(--serif);margin:19px 0 7px}.journey-card p{font-size:12px;line-height:1.72;color:#a5b3b5;margin:0}.card-bottom{margin-top:auto;border-top:1px solid #304049;display:flex;justify-content:space-between;padding-top:17px;align-items:center;color:#a6b3af;font-size:10px}.card-bottom span:last-child{color:var(--gold);font-size:15px}.feature-block{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;margin-top:55px;border:1px solid #32454b;background:radial-gradient(circle at 19% 30%,rgba(54,79,79,.31),transparent 45%),#162731;border-radius:5px;overflow:hidden;min-height:290px;padding:0 55px 0 12px}.feature-graph-visual{min-width:0}.feature-graph-visual svg{width:100%;height:auto}.feature-block h2{font-size:33px}.feature-block p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted);margin:14px 0 19px}.primary-soft{background:#b3966b;color:#19262a;border:0;border-radius:4px;padding:12px 19px;font-weight:700;font-size:11px}.primary-soft span{margin-left:15px}.primary-soft:hover{background:#d5b88a}.bottom-promo{margin-top:48px;display:flex;justify-content:space-between;gap:30px;align-items:center}.secondary{border:1px solid #60706b;background:transparent;color:#d5d4c8;border-radius:3px;padding:12px 18px;white-space:nowrap;font-size:11px}.secondary:hover{border-color:var(--gold)}.site-footer{margin-top:auto;border-top:1px solid #2b3d45;padding:24px 40px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;color:#82959a;font-size:11px}.site-footer a:hover,.site-footer button:hover{color:var(--gold)}.site-footer button{border:0;background:none;color:inherit;padding:0}.footer-dot{margin:0 9px;color:#536971}.site-footer p{width:100%;font-size:9px;line-height:1.7;color:#7e9195;margin:9px 0 0;max-width:1060px}
/* Shared content pages */
.page-heading{padding:48px min(5.2%,68px) 34px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 79% 0,rgba(63,83,80,.18),transparent 55%)}.page-heading h1{font-size:clamp(34px,3.7vw,50px)}.page-heading p:not(.eyebrow){color:var(--muted);margin:12px 0 0;font-size:13px}.panel{border:1px solid #344750;background:#162731;border-radius:6px}.reader-layout{padding:29px min(5.2%,68px) 65px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.85fr);align-items:start;gap:22px;max-width:1620px;margin:auto}.reader-main{overflow:hidden}.reader-controls{min-height:111px;border-bottom:1px solid #30424a;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 23px}.chapter-navigation{display:flex;align-items:center;gap:16px}.chapter-navigation button{background:#263a43;border:1px solid #3e5058;color:#d5c7ad;width:33px;height:36px;font-size:24px;border-radius:5px}.chapter-navigation button:hover{background:#324952}.chapter-navigation h2{font:normal 27px var(--serif);margin:0;line-height:1.2}.reader-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:6px;justify-content:flex-end}.small-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid #3d5157;background:#1d3038;border-radius:4px;padding:8px 11px;color:#c9d0c8;font-size:10px;white-space:nowrap}.small-action:hover{border-color:var(--gold);color:var(--gold)}.reading-area{padding:32px clamp(20px,4.8%,59px) 44px;min-height:400px}.reader-source-line{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:9px;color:var(--gold);font-weight:750;letter-spacing:1px;padding-bottom:22px;border-bottom:1px solid #30434a}.reader-source-line span:last-child{color:#9baba8;letter-spacing:.3px;font-weight:500}.scripture-prose{font:normal 20px/1.85 var(--serif);color:#e3e1d7;max-width:730px;margin:27px auto 0;overflow-wrap:break-word}.scripture-prose h2{font:normal 27px var(--serif);margin:0 0 20px;color:#efebe0}.scripture-prose h3{font:normal 21px var(--serif);color:#e8d9c2}.scripture-prose p{margin:0 0 14px}.scripture-prose .verse-num,.scripture-prose .chapter-num{color:var(--gold);font:700 11px var(--sans);vertical-align:super;position:relative;top:0;cursor:pointer;margin-right:3px}.scripture-prose .verse-num:hover{color:#f5d4a6}.scripture-prose .footnotes,.scripture-prose .footnote{font-size:13px;line-height:1.6}.scripture-prose a{color:var(--gold);text-decoration:underline;text-decoration-color:#846d55;text-underline-offset:3px}.scripture-prose .crossref{font-family:var(--sans);font-size:11px}.scripture-prose .extra_text{font-size:.8em;color:#a7b6b2}.scripture-prose .verse-num.active-verse{background:#765f40;color:#fff7e5}.scripture-prose blockquote{margin:16px 20px;padding-left:18px;border-left:2px solid #766c58}.message-panel{background:#1d313a;border:1px solid #3d535c;padding:30px;border-radius:6px;font-family:var(--sans);text-align:center}.message-panel h3{font:normal 25px var(--serif);margin:0 0 8px}.message-panel p{font-size:13px;color:#b3c0be;line-height:1.8;margin:0 0 14px}.message-panel a{display:inline-block;background:#b69567;color:#182630;padding:10px 14px;text-decoration:none;font:700 11px var(--sans);border-radius:3px}.message-panel .secondary-link{color:#d9c09a;background:transparent;text-decoration:underline}.reader-foot{border-top:1px solid #30424a;padding:18px 24px;display:flex;justify-content:space-between}.foot-nav{border:0;background:transparent;color:var(--gold);font-size:11px}.study-side{display:flex;flex-direction:column;gap:18px}.side-panel{padding:24px}.side-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.side-panel-header .eyebrow{margin:0 0 5px}.side-panel h3{font:normal 24px var(--serif);margin:0}.count-chip{background:#30434b;padding:3px 10px;border-radius:12px;color:#b9c6c1;font-size:11px}.soft-note{font-size:11px;color:#9caaae;line-height:1.7;margin:14px 0 18px}.filter-row{display:flex;gap:12px;align-items:center;margin-bottom:9px;padding-bottom:13px;border-bottom:1px solid #30434a}.filter-row label{font-size:10px;color:#8f9fa3}.filter-row select,.graph-toolbar select{background:#223740;border:1px solid #3a5058;color:#d7d7ce;border-radius:4px;padding:7px;max-width:180px;margin-left:auto;font-size:11px}.reference-list{display:flex;flex-direction:column;max-height:500px;overflow-y:auto}.reference-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 1px;border:0;border-bottom:1px solid #2c3f46;background:none;text-align:left}.reference-item:last-child{border-bottom:0}.reference-item:hover strong{color:var(--gold)}.reference-item strong{font-size:13px;color:#e7e5d8;font-weight:600}.reference-item small{display:block;color:#9aa8a9;font-size:11px;margin-top:3px;line-height:1.4}.reference-item em{font-size:9px;font-style:normal;color:#c1a37b;text-transform:uppercase;letter-spacing:1px}.reference-item .arrow{font-size:17px;color:var(--gold)}.panel-link{display:flex;justify-content:space-between;width:100%;border:1px solid #52635d;background:#22363d;color:#d8c3a4;padding:11px 13px;border-radius:4px;font-weight:650;font-size:11px;margin-top:16px}.notes-panel textarea{margin:19px 0 10px;padding:12px;background:#10212a;color:#e5e5dc;border:1px solid #3c5059;border-radius:4px;resize:vertical;min-height:120px;width:100%;font-size:12px;line-height:1.7}.notes-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.notes-footer small{color:#8ca0a2;font-size:10px}.save-notes-button{background:#ad916d;border:0;border-radius:3px;color:#192731;font-size:10px;font-weight:750;padding:9px 12px}
/* Graph */
.graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:20px;align-items:start;padding:29px min(5.2%,68px) 65px;max-width:1620px;margin:auto}.graph-panel{overflow:hidden}.graph-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:19px 21px;border-bottom:1px solid #344750}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:13px}.toolbar-label{font-size:10px;color:#8d9fa4;letter-spacing:1px}.toolbar-left strong{font:normal 19px var(--serif);color:#e8dcc8}.graph-canvas-wrap{position:relative;height:525px;background:radial-gradient(ellipse at 50% 48%,rgba(33,72,75,.29),transparent 53%),linear-gradient(to right,rgba(212,197,173,.032) 1px,transparent 1px),linear-gradient(to bottom,rgba(212,197,173,.027) 1px,transparent 1px),#101f28;background-size:auto,42px 42px,42px 42px,auto;overflow:hidden}#graph-canvas{width:100%;height:100%;display:block;cursor:grab}#graph-canvas:active{cursor:grabbing}.graph-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:340px;color:#aebbb8;font-size:12px;pointer-events:none}.graph-controls{position:absolute;bottom:18px;right:18px;display:flex;flex-direction:column;gap:6px}.graph-controls button{border:1px solid #4c6469;background:#233840;color:#dddace;width:31px;height:31px;font-size:18px;border-radius:3px}.graph-legend{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:17px 21px;background:#182a33;font-size:10px;color:#b8c0bb}.legend-point{display:inline-block;width:9px;height:9px;border-radius:100%;margin-right:7px;border:2px solid #d9b77d}.legend-point.old{background:#bf9c69;border-color:#bf9c69}.legend-point.new{background:#86aba9;border-color:#86aba9}.legend-point.centre{background:#efc68b;border-color:#efc68b}.graph-legend-note{font-size:9px;color:#82959a;margin-left:auto}.graph-details{padding:27px 22px}.graph-details h2{font:normal 29px var(--serif);margin:0}.graph-details p:not(.eyebrow):not(.overline){color:#a9b7b7;font-size:12px}.thin-rule{height:1px;background:#395057;margin:25px 0}.graph-details-list{max-height:410px;overflow-y:auto}.graph-details-list button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #30434a;padding:12px 1px;color:#dfdfd6;font-size:12px}.graph-details-list button:hover{color:var(--gold)}.graph-details-list small{color:#8fa2a1;font-size:10px;text-transform:capitalize}.wide-button{width:100%;background:#b49a75;border:0;border-radius:3px;color:#142631;padding:12px;font-size:11px;font-weight:750;margin-top:22px;display:flex;justify-content:space-between}.graph-layout .overline{color:var(--gold)}
/* Journeys, notebooks, about */
.all-journeys{padding:29px min(5.2%,68px) 40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1620px;margin:auto}.all-journeys .journey-card{min-height:219px}.journey-detail{margin:0 min(5.2%,68px) 52px;padding:30px}.journey-detail h2{font:normal 31px var(--serif);margin:0 0 8px}.journey-detail p{color:var(--muted);font-size:12px}.journey-steps{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0}.journey-step{border:1px solid #3a515a;background:#20343f;border-radius:4px;padding:11px 14px;display:flex;align-items:center;gap:12px;font-size:12px}.journey-step span{font-size:10px;color:var(--gold)}.journey-step:hover{border-color:var(--gold)}.journey-question{background:#21343c;border-left:3px solid var(--gold);padding:15px 18px;font-family:var(--serif);font-size:18px}.notebook-grid{padding:29px min(5.2%,68px) 70px;max-width:1620px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin:auto}.notebook-panel{padding:25px;min-height:250px}.notebook-panel.wide{grid-column:span 2}.section-heading-mini{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #344950;padding-bottom:16px;gap:10px}.section-heading-mini h2{font-size:25px}.section-heading-mini span{font-size:10px;color:#8a9fa4}.notebook-list{display:flex;flex-direction:column;max-height:450px;overflow-y:auto}.notebook-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #2c4148}.notebook-entry button{border:0;background:none;color:#cbb58d;padding:4px;font-size:12px}.notebook-entry strong{font-size:13px;font-weight:600}.notebook-entry small{display:block;color:#8b9da1;font-size:10px;margin-top:5px}.notebook-entry .delete-button{color:#8d9ba0}.notebook-entry .delete-button:hover{color:#e8b59b}.empty-list{color:#8fa0a4;font-size:12px;line-height:1.8;padding:16px 0}.about-layout{padding:29px min(5.2%,68px) 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;max-width:1620px;margin:auto}.about-panel{padding:31px}.about-panel h2{font:normal 29px var(--serif);margin:0 0 18px}.about-panel h3{font:normal 21px var(--serif);margin:23px 0 8px}.about-panel p{font-size:13px;line-height:1.86;color:#a6b6b8}.about-panel strong{color:#e4d4bc;font-weight:600}.resource-links{display:flex;flex-direction:column;gap:13px;margin-top:24px}.resource-links a{font-size:12px;color:var(--gold);border-bottom:1px solid #30414a;padding-bottom:10px}.resource-links a:hover{color:#e4cb9f}.toast{pointer-events:none;position:fixed;right:22px;bottom:22px;z-index:50;background:#c6a578;color:#16232b;border-radius:4px;padding:12px 17px;font-size:12px;font-weight:650;box-shadow:0 9px 25px #0004;opacity:0;transform:translateY(10px);transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sidebar-shade{position:fixed;inset:0;background:#061016ad;z-index:19}
/* Light mode */
body.light{color-scheme:light;--bg:#f5f3ed;--sidebar:#15242c;--surface:#fffdf7;--surface2:#f6f0e5;--surface3:#ede5d9;--ink:#24353b;--muted:#65767a;--line:#d9ddd8}body.light .main-column{background:#f5f3ed}body.light .topbar{background:#fdfbf5}body.light .breadcrumbs strong{color:#3f5259}body.light .page-heading{background:#f4efe4}body.light .page-heading h1{color:#26383d}body.light .page-heading h1 em{color:#a47e4e}body.light .page-heading p:not(.eyebrow){color:#66777a}body.light .content-wrap .section-heading-line h2,body.light .bottom-promo h2{color:#25363b}body.light .panel,body.light .journey-card{background:#fcfaf4;border-color:#d5d8d3}body.light .panel h2,body.light .panel h3,body.light .journey-card h3{color:#273b41}body.light .journey-card p,body.light .soft-note,body.light .about-panel p{color:#68777b}body.light .journey-card .card-bottom,body.light .reference-item{border-color:#dadfd9}body.light .reference-item strong,body.light .graph-details-list button,body.light .notebook-entry strong{color:#304247}body.light .reader-source-line{border-color:#daddd6}body.light .scripture-prose{color:#314046}body.light .reader-controls,body.light .reader-foot,body.light .section-heading-mini{border-color:#d9dfd8}body.light .chapter-navigation button,body.light .small-action,body.light .filter-row select,body.light .graph-toolbar select{background:#eeeae0;color:#536267;border-color:#cdd4ce}body.light .notes-panel textarea{background:#fff;color:#24383d;border-color:#cbd4d1}body.light .message-panel{background:#eef1eb;border-color:#cbd5cf}body.light .message-panel p{color:#66777a}body.light .graph-legend{background:#faf7ef;color:#4c5e63}body.light .graph-canvas-wrap{background:radial-gradient(ellipse at 50% 48%,#d9e1db,transparent 53%),#edf0ed}body.light .graph-details-list button,body.light .notebook-entry{border-color:#dadfd9}body.light .site-footer{border-color:#d1d8d3;color:#677c7b}body.light .bottom-promo .secondary{color:#586a6b;border-color:#aebeba}body.light .feature-block{background:#e5e9e2;border-color:#d2dbd1}body.light .feature-block h2{color:#304248}body.light .feature-block p:not(.eyebrow){color:#65797a}body.light .feature-block .feature-graph-visual{filter:brightness(.79)}body.light .hero{border-bottom-color:#d2d8d1}body.light .icon-button{color:#597074}
@media(max-width:1200px){.site-shell{grid-template-columns:216px minmax(0,1fr)}.sidebar{padding:25px 13px}.topbar{padding:0 30px}.hero{padding:44px 5%}.hero-copy{width:72%}.hero-art{right:-75px}.content-wrap{padding:45px 5%}.reader-layout,.graph-layout,.about-layout,.notebook-grid,.all-journeys{padding-left:4%;padding-right:4%}.reader-layout{grid-template-columns:minmax(0,1fr) 310px}.reader-controls{flex-direction:column;align-items:stretch;gap:12px}.reader-buttons{justify-content:flex-start}}
@media(max-width:1000px){.graph-layout{grid-template-columns:1fr}.graph-details{padding:22px}.reader-layout{grid-template-columns:1fr}.study-side{display:grid;grid-template-columns:1fr 1fr}.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-grid .journey-card:nth-child(3){display:none}}
@media(max-width:760px){.site-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:260px;max-width:84vw;transform:translateX(-100%);transition:transform .24s;box-shadow:15px 0 40px #0005}.sidebar.open{transform:translateX(0)}.topbar{height:62px;padding:0 18px}.menu-toggle{display:block}.breadcrumbs{margin-right:auto;margin-left:12px}.breadcrumbs>span:first-child,.crumb-dot{display:none}.top-actions{gap:8px}.hero{padding:46px 22px 51px;min-height:475px}.hero-copy{width:100%}.hero h1{font-size:39px;position:relative;z-index:2}.hero-description{max-width:530px;font-size:13px}.hero-art{opacity:.27;width:80%;right:-90px;min-width:350px}.passage-search{max-width:100%}.passage-search button{padding:0 10px;font-size:10px}.passage-search button span{display:none}.hero-examples{gap:7px}.hero-examples button{font-size:10px}.content-wrap{padding:39px 20px 60px}.section-heading-line{align-items:flex-start;gap:12px}.section-heading-line h2{font-size:25px}.section-heading-line .inline-link{margin-top:33px}.journey-grid{grid-template-columns:1fr}.journey-grid .journey-card:nth-child(3){display:flex}.journey-card{min-height:195px}.feature-block{display:flex;flex-direction:column;gap:0;margin-top:35px;padding:8px 27px 30px}.feature-graph-visual{width:100%;max-height:185px;overflow:hidden}.feature-graph-visual svg{max-height:200px}.bottom-promo{flex-direction:column;align-items:flex-start}.page-heading{padding:34px 22px 24px}.page-heading h1{font-size:36px}.reader-layout,.graph-layout,.about-layout,.notebook-grid,.all-journeys{padding:20px 16px 45px;grid-template-columns:1fr}.study-side{display:flex}.reading-area{padding:23px 20px 34px}.scripture-prose{font-size:19px}.reader-controls{padding:16px}.graph-canvas-wrap{height:410px}.graph-toolbar{align-items:flex-start}.toolbar-right{width:100%;flex-wrap:wrap}.toolbar-right select{margin:0}.graph-legend-note{margin-left:0}.notebook-panel.wide{grid-column:auto}.about-panel{padding:24px}.journey-detail{margin:0 16px 40px;padding:22px}.site-footer{padding:21px}.sidebar-shade:not([hidden]){display:block}}
@media(max-width:380px){.hero h1{font-size:34px}.hero-description{font-size:12px}.section-heading-line .inline-link{font-size:10px;white-space:normal}.reader-buttons{gap:5px}.small-action{padding:7px 8px}.graph-toolbar{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.search-result{border-bottom:1px solid var(--line);padding:14px 0}.search-result-link{background:none;border:0;padding:0;color:var(--gold);font-size:14px;font-family:var(--sans);font-weight:650}.search-result p{font:normal 17px/1.7 var(--serif);margin:9px 0}.foot-nav:disabled,.chapter-navigation button:disabled{opacity:.25;cursor:not-allowed}
.search-esv{display:block;font:700 10px var(--sans);letter-spacing:1px;color:var(--gold);margin-bottom:6px}

/* Scripture Atlas v0.2: reference-level discovery, multi-hop exploration, edition links */
.atlas-picker{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;margin:24px min(5.2%,68px) 0;padding:18px 21px}
.atlas-picker label{display:flex;flex:1 1 130px;flex-direction:column;gap:5px;color:var(--muted);font-size:10px;letter-spacing:.4px;font-weight:700}
.atlas-picker select{width:100%;height:39px;min-width:90px;border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:4px;padding:7px}
.atlas-open{border:0;background:var(--gold);color:#152732;border-radius:4px;font-weight:750;font-size:12px;padding:10px 15px;min-height:39px}
.atlas-progress{display:block;font-size:10px;max-width:240px;color:var(--accent);line-height:1.4;margin-top:4px}
.graph-toolbar .toolbar-right label{color:var(--muted);font-size:10px;font-weight:650}
.atlas-source-note{font-size:11px!important;line-height:1.65}
.atlas-edition-links{display:flex;flex-direction:column;gap:8px;margin-top:15px}
.atlas-edition-links a{font-size:11px;color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.verse-atlas-link{display:inline-flex!important;align-items:center;gap:3px;margin:0 5px 0 3px;padding:1px 4px;border:1px solid var(--line2);border-radius:3px;background:transparent;color:var(--gold);font:700 9px var(--sans);vertical-align:baseline;line-height:1.7;letter-spacing:.2px}
.verse-atlas-link:hover{background:var(--surface2);border-color:var(--gold)}
.verse-num[data-selected="true"]{color:var(--gold);box-shadow:0 2px var(--gold)}
body.light .atlas-picker select{color:#263840;background:#f6f2e9;border-color:#c4cfc8}
body.light .verse-atlas-link{color:#886637;border-color:#c5b69d}
@media(max-width:760px){.atlas-picker{margin:15px 16px 0;padding:14px}.atlas-picker label{flex:1 1 120px}.atlas-open{flex:1 1 100%}.graph-toolbar .toolbar-left{min-width:0}.atlas-progress{max-width:100%}}

.atlas-layer-explorer{margin-top:20px}.atlas-layer{border-bottom:1px solid var(--line);padding:7px 0}.atlas-layer summary{cursor:pointer;color:var(--accent);font-size:11px}.atlas-layer-links{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.atlas-layer-links button{font-size:10px;background:var(--surface2);border:1px solid var(--line);border-radius:3px;color:var(--ink);padding:4px 8px}.atlas-layer-links button:hover{border-color:var(--gold)}

/* Compact desktop/mobile sidebar: navigation remains visible; optional chapter selector opens on demand. */
.sidebar-reader-details{margin:21px 6px 0;border:1px solid #30434a;border-radius:6px;flex-shrink:0;background:#15252e;color:#b7c4c0}
.sidebar-reader-details>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;min-height:40px;font-size:10px;font-weight:750;letter-spacing:1.05px;list-style:none;cursor:pointer;color:#d0b78d}
.sidebar-reader-details>summary::-webkit-details-marker{display:none}
.sidebar-reader-details>summary::after{content:'+';font-size:18px;font-weight:400;line-height:1}
.sidebar-reader-details[open]>summary::after{content:'-'}
.sidebar-reader-details[open]>summary{border-bottom:1px solid #30434a}
.sidebar-reader-details>summary:hover{color:#f5d1a0}
.sidebar-reader-details .compact-picker{margin:0;border:0;background:transparent;border-radius:0;padding:12px 10px 14px}
.sidebar-reader-details .compact-picker select{min-height:37px}
.sidebar-reader-details .small-go{min-height:37px}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-thumb{background:#415861;border-radius:8px}
@media(max-width:760px){.sidebar{height:100vh;height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior-y:contain;padding:22px 15px 15px}}

/* A focused verse has a lightweight, explicit route back to its complete chapter. */
.reader-chapter-access{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 7px;padding:12px 15px;border:1px solid var(--line);border-radius:5px;background:var(--surface2);font-size:11px;color:var(--muted)}
.reader-chapter-access[hidden]{display:none}
.reader-full-chapter{font-size:11px;font-weight:700;color:var(--gold);background:transparent;border:0;padding:5px 0;text-decoration:underline;text-underline-offset:3px}
.reader-full-chapter:hover{color:var(--ink)}
@media(max-width:430px){.reader-chapter-access{align-items:flex-start;flex-direction:column;gap:5px}}
.reader-translation-bar{padding:14px 24px;border-bottom:1px solid var(--line)}
.translation-picker{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;text-align:left;min-width:0;max-width:100%}
.translation-picker select{max-width:100%;width:360px;min-height:36px;border:1px solid #52635d;border-radius:4px;background:var(--surface);color:var(--ink);padding:6px 8px;font-size:11px}
.passage-attribution{border-top:1px solid var(--line);padding-top:20px;margin:24px auto 0;max-width:730px;font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.passage-attribution[hidden]{display:none}
.translation-copyright p{margin:0 0 8px}
.translation-attribution-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px}
.translation-attribution-links a,.translation-attribution-links button,.translation-rights a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.translation-attribution-links button{border:0;background:none;padding:0;font:inherit;text-align:left}
.scripture-prose .s1,.scripture-prose .s2,.scripture-prose .s3{font-weight:700;margin-top:24px}
.scripture-prose .q,.scripture-prose .q1{padding-left:1em}.scripture-prose .q2{padding-left:2em}.scripture-prose .it{font-style:italic}.scripture-prose .sc,.scripture-prose .nd{font-variant:small-caps}
@media(max-width:760px){.reader-translation-bar{padding:14px 20px}.translation-picker{align-items:stretch;flex-direction:column;gap:6px}.translation-picker select{width:100%}.reader-buttons{width:100%}.reader-controls{flex-wrap:wrap}.reader-source-line{letter-spacing:.3px}}

/* Display-only availability indicators for each supported reader edition. */
.topbar{height:72px;gap:20px}
.top-actions{gap:16px;flex-shrink:0}
.topbar-tools{display:flex;align-items:center;gap:10px}
.translation-statuses{display:flex;align-items:center;gap:6px}
.translation-status-card{min-width:60px;height:30px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;white-space:nowrap;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);line-height:1.2}
.translation-status-card[data-selected="true"]{border-color:var(--gold);box-shadow:inset 0 -2px var(--gold)}
.translation-status-code{font-size:10px;letter-spacing:.6px;font-weight:750}
.translation-status-icon{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.translation-status-card[data-status="available"] .translation-status-icon{background:#88bc9d}
.translation-status-card[data-status="unavailable"] .translation-status-icon{background:#e79a91}
body.light .translation-status-card[data-status="available"] .translation-status-icon{background:#3d7951}
body.light .translation-status-card[data-status="unavailable"] .translation-status-icon{background:#a74d43}
@media(max-width:1100px){.breadcrumbs>span:first-child,.crumb-dot{display:none}}
@media(max-width:760px){
 .topbar{display:grid;grid-template-columns:30px minmax(0,1fr) auto;height:auto;gap:8px 10px;padding:10px 18px}
 .menu-toggle{grid-column:1;grid-row:1;padding:0}
 .breadcrumbs{grid-column:2;grid-row:1;min-width:0;margin:0}
 .breadcrumbs strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .top-actions{display:contents}
 .topbar-tools{grid-column:3;grid-row:1;gap:8px}
 .translation-statuses{grid-column:1/-1;grid-row:2;justify-self:end}
 .translation-status-card{min-width:0;height:28px;gap:6px;padding:0 8px}
}