@font-face{font-family:ReaderSans;src:local("Avenir Next"),local("Avenir"),local("Segoe UI")}*{box-sizing:border-box} :root{--navy:#082849;--navy-soft:#173b5d;--gold:#b68135;--paper:#fff;--canvas:#f6f8f7;--ink:#15354f;--muted:#667887;--line:#dfe6e8;--tint:#edf3f4;--body-size:18px;--header:88px;--sidebar:272px;--scripture:360px;color-scheme:light}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--paper);color:var(--ink);font-family:ReaderSans,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}body[data-theme=warm]{--paper:#fbf7ee;--canvas:#f2eee4;--line:#e1d9c9;--tint:#f0eadc}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit}button:disabled{cursor:default;opacity:.38}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #b68135;outline-offset:4px}h1:focus{outline:none}[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;line-height:1.5;color:var(--muted)}.app-header{height:var(--header);position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:26px}.brand{display:block;flex-shrink:0}.brand img{display:block;width:199px;height:auto}.header-title{display:flex;align-items:center;gap:24px;font-size:11px;color:var(--muted);line-height:1.7}.header-title b{font-size:14px;display:block;font-weight:600;color:var(--ink)}.header-divider{width:1px;height:32px;background:var(--line)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:25px}.private-label{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.2px;background:var(--tint);padding:7px 11px;border-radius:4px;color:var(--navy-soft)}.private-label svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.quiet-button{background:transparent;padding:10px 0;font-size:12px;color:var(--muted)}.quiet-button:hover{color:var(--navy)}.icon-button{background:transparent;font-size:27px;line-height:1;padding:9px;min-width:42px;min-height:42px}.mobile-menu,.mobile-close{display:none}.lesson-sidebar{position:fixed;top:var(--header);bottom:0;left:0;width:var(--sidebar);background:var(--canvas);border-right:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain;padding:29px 18px 20px;scrollbar-width:thin;z-index:30}.sidebar-heading{padding:0 11px}.sidebar-heading .eyebrow{font-size:9px;letter-spacing:1.3px;color:var(--gold);margin:0 0 10px}.sidebar-heading h2{font-family:Georgia,serif;font-weight:400;font-size:26px;line-height:1.2;letter-spacing:-.6px;margin:0 0 10px}.sidebar-heading h2 span{color:var(--gold)}.sidebar-heading>p:last-child{color:var(--muted);font-size:10px;margin:0}.course-progress{margin:24px 11px 19px}.course-progress>div{display:flex;justify-content:space-between;font-size:10px;line-height:1.5;color:var(--muted)}.course-progress strong{color:var(--navy);font-size:10px;font-weight:600}progress{width:100%;height:3px;border:0;display:block;margin-top:9px;appearance:none;background:var(--line);color:var(--gold)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--gold);transition:width .2s}progress::-moz-progress-bar{background:var(--gold)}.lesson-search{display:flex;align-items:center;gap:6px;margin:0 9px 16px;padding:8px 8px;background:var(--paper);border:1px solid var(--line);border-radius:4px}.lesson-search svg{width:15px;height:15px;fill:none;stroke:var(--muted);stroke-width:1.5;flex:none}.lesson-search input{border:0;background:transparent;min-width:0;width:100%;font-size:11px;color:var(--ink);outline-offset:8px;padding:2px}.lesson-search input::placeholder{color:var(--muted)}#lesson-list{display:grid;gap:3px}.lesson-link{position:relative;display:flex;align-items:center;gap:12px;min-height:49px;padding:9px 10px;text-decoration:none;border-radius:4px;font-size:11.5px;line-height:1.45;color:#4c6376}.lesson-link:hover{background:#e8eef0}.lesson-link[aria-current=page]{background:var(--navy);color:#fff}.lesson-number{width:23px;flex:none;font-size:11px;color:#7b8d99;font-variant-numeric:tabular-nums}.lesson-link[aria-current=page] .lesson-number{color:#d7ba87}.lesson-name{flex:1}.lesson-check{width:14px;font-size:13px;color:var(--gold)}.lesson-link[aria-current=page] .lesson-check{color:#e4c58e}.lesson-group-label{font-size:8px;letter-spacing:1.5px;color:#7a8993;margin:17px 11px 5px;font-weight:600}.sidebar-foot{border-top:1px solid var(--line);display:flex;gap:12px;margin:25px 11px 0;padding-top:22px}.small-cross{font-size:28px;color:var(--gold)}.sidebar-foot p{font:italic 12px/1.6 Georgia,serif;margin:0;color:var(--muted)}.sidebar-foot small{display:block;font:7px/1.6 ReaderSans,Arial,sans-serif;letter-spacing:1.1px;margin-top:8px}.workspace{margin-left:var(--sidebar);display:grid;grid-template-columns:minmax(0,1fr) var(--scripture);min-height:calc(100vh - var(--header))}.main-content{padding:0 clamp(26px,3.2vw,60px);min-width:0;max-width:980px;width:100%;margin:0 auto}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:68px;border-bottom:1px solid var(--line);gap:10px;font-size:9px;letter-spacing:1.1px;font-weight:650;color:var(--muted)}.reader-toolbar>div{display:flex;gap:15px}.toolbar-button{background:transparent;display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:0;padding:8px 0;font-weight:400}.toolbar-button:hover{color:var(--gold)}.type-symbol{font:19px Georgia,serif}.reading-settings{margin:15px 0 0;border:1px solid var(--line);background:var(--canvas);padding:16px 20px;border-radius:5px;font-size:12px}.reading-settings>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.reading-settings p{font-size:10px;color:var(--muted);margin:12px 0 0}.size-controls,.color-controls{display:flex;align-items:center;gap:5px}.size-controls button,.color-controls button{background:var(--paper);border:1px solid var(--line);border-radius:3px;min-height:34px;min-width:36px;padding:5px 8px}.size-controls output{width:50px;text-align:center;font-size:11px}.color-controls [aria-pressed=true]{background:var(--navy);color:white}.lesson-header{padding:32px 0 24px}.lesson-topline{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.lesson-tag{font-size:8px;letter-spacing:1.4px;font-weight:650;color:var(--gold)}.lesson-duration{font-size:8px;letter-spacing:.8px;color:var(--muted);white-space:nowrap}h1{font:400 clamp(33px,3.1vw,49px)/1.15 Georgia,serif;letter-spacing:-1.2px;margin:0 0 20px;color:var(--navy);max-width:700px}.lesson-deck{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 20px}.lesson-meta{display:flex;gap:10px;font-size:10px;color:var(--muted)}.word-invitation{display:flex;align-items:center;gap:14px;padding:17px 19px;background:var(--tint);border-radius:4px;border-left:2px solid #b99b68}.book-icon{width:23px;flex:none;color:var(--navy-soft)}.book-icon svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.3}.word-invitation p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.word-invitation strong{display:block;color:var(--ink);font-weight:600;font-size:12px;margin-bottom:2px}.contents{margin:22px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contents summary{font-size:11px;font-weight:600;padding:17px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.contents summary::-webkit-details-marker{display:none}.contents[open] summary>span{transform:rotate(180deg)}.contents nav{display:grid;gap:9px;padding:0 0 19px 12px;border-left:2px solid var(--gold);margin-bottom:18px}.contents a{font-size:12px;line-height:1.5;text-decoration:none;color:var(--muted)}.contents a:hover{color:var(--gold)}.glossary{font-size:12px;line-height:1.8;border:1px solid var(--line);padding:14px 17px;background:var(--canvas);margin-bottom:28px;color:var(--muted)}.lesson-body{font-size:var(--body-size);line-height:1.85;color:#354e62;overflow-wrap:break-word}.lesson-body p{margin:0 0 1.2em}.lesson-body h2{font:400 28px/1.3 Georgia,serif;color:var(--navy);letter-spacing:-.5px;margin:44px 0 18px;scroll-margin-top:115px}.lesson-body h3{font-size:18px;line-height:1.5;color:var(--navy);margin:28px 0 14px}.lesson-body ul,.lesson-body ol{padding-left:23px;margin:0 0 22px}.lesson-body li{padding-left:3px;margin:7px 0}.lesson-body strong{font-weight:600}.lesson-body a{color:var(--navy);text-decoration-color:#b8c4ce;text-underline-offset:3px}.lesson-body a:hover{color:var(--gold)}.lesson-body .reference-line{font-size:13px;color:var(--muted);line-height:1.8;padding:12px 14px;background:var(--canvas);border-radius:4px}.inline-reference{padding:0 1px;background:transparent;color:var(--navy-soft);border-bottom:1px dotted #9a814f;font:inherit;line-height:inherit;text-align:left}.inline-reference:hover{color:var(--gold);border-bottom-style:solid}.teacher-note,.scripture-extra{font-size:14px;border:1px solid var(--line);border-radius:4px;padding:0 17px;margin:18px 0 26px;background:var(--canvas)}.teacher-note summary,.scripture-extra>summary{padding:14px 0;cursor:pointer;color:var(--navy-soft);font-size:12px;font-weight:600;line-height:1.6}.teacher-note p{font-size:14px;line-height:1.8}.scripture-extra .passage-card{font-size:15px}.passage-card{display:block;width:100%;text-align:left;padding:21px 23px 18px;background:var(--paper);border:1px solid #cbd9de;border-left:3px solid var(--gold);border-radius:4px;margin:24px 0;transition:border-color .15s,background .15s;scroll-margin-top:115px}.passage-card:hover{background:var(--canvas);border-color:var(--gold)}.passage-card.is-selected{background:var(--tint);border-color:#7f9aa7;border-left-color:var(--gold)}.passage-kicker{font-size:8px;letter-spacing:1.5px;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.passage-kicker>span{font-size:8px;letter-spacing:.8px;background:var(--tint);border:1px solid var(--line);border-radius:3px;padding:2px 5px}.passage-card>strong{font:400 24px/1.4 Georgia,serif;display:block;color:var(--navy);margin-top:8px}.passage-preview{display:block;font:italic 15px/1.75 Georgia,serif;margin-top:12px;color:var(--muted)}.passage-action{display:flex;justify-content:space-between;align-items:center;color:#956c2b;font-size:10px;font-weight:600;letter-spacing:.3px;margin-top:16px}.passage-action>span{font-size:17px}.completion-block{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:50px;padding:28px 0 30px;display:flex;gap:17px;align-items:flex-start}.completion-symbol{display:grid;place-items:center;border:1px solid #c8ae80;border-radius:50%;color:var(--gold);width:33px;height:33px;flex:none;margin-top:2px}.completion-block h2{font:400 23px/1.4 Georgia,serif;margin:0 0 8px;color:var(--navy)}.completion-block p{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 20px}.primary-button{display:inline-flex;gap:16px;align-items:center;background:var(--navy);color:#fff;padding:14px 19px;font-size:12px;border-radius:3px;line-height:1.5;min-height:44px}.primary-button:hover{background:#1b4364}.primary-button[aria-pressed=true]{background:#e3eeea;color:#2c5f50;border:1px solid #b7cfc4}.lesson-pagination{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:26px 0}.page-link{text-decoration:none;display:block;padding:4px 0}.page-link>span{font-size:8px;font-weight:600;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:9px}.page-link>strong{font:400 18px/1.5 Georgia,serif;color:var(--navy)}.page-link.next{text-align:right}.page-link:hover strong{color:var(--gold)}.course-finish{background:var(--navy);padding:28px;color:#fff;border-radius:4px;margin:0 0 30px}.course-finish .eyebrow{color:#e5c48e}.course-finish h2{font:26px Georgia,serif;font-weight:400}.course-finish p:not(.eyebrow){font-size:14px;line-height:1.8;color:#dbe3ea}.course-finish a{font-size:13px;color:#e5c48e}.article-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0 36px;font-size:9px;color:var(--muted);line-height:1.6}.article-footer a{text-decoration:none}.scripture-pane{position:sticky;top:var(--header);height:calc(100vh - var(--header));min-height:400px;display:flex;flex-direction:column;background:var(--canvas);border-left:1px solid var(--line);z-index:20;min-width:0}.scripture-header{padding:28px 26px 20px;display:flex;justify-content:space-between;align-items:center}.scripture-header .eyebrow{font-size:8px;letter-spacing:1.6px;margin:0 0 9px;color:var(--gold)}.scripture-header h2{font:400 26px Georgia,serif;margin:0;color:var(--navy);display:flex;align-items:center;gap:12px}.scripture-header h2>span{font:9px ReaderSans,Arial,sans-serif;padding:3px 5px;border:1px solid #cbd4d9;border-radius:3px;letter-spacing:1px;color:var(--muted)}#scripture-close{display:none}.passage-select-wrap{padding:0 26px 23px;border-bottom:1px solid var(--line)}.passage-select-wrap label{display:block;font-size:10px;margin-bottom:8px;color:var(--muted)}.passage-select-wrap select{font-size:12px;background:var(--paper);border:1px solid #cbd7dc;color:var(--navy);border-radius:4px;min-height:42px;width:100%;padding:9px 28px 9px 10px;line-height:1.5;max-width:100%}.scripture-scroll{overflow-y:auto;overscroll-behavior:contain;padding:26px 26px 30px;scrollbar-width:thin}.scripture-context>.eyebrow{font-size:8px;margin:0 0 8px;letter-spacing:1.5px}.scripture-context h3{font:400 27px/1.35 Georgia,serif;margin:0 0 20px;color:var(--navy)}.scripture-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:24px}.scripture-tabs button{background:transparent;padding:8px 10px 12px;font-size:10px;color:var(--muted);border-bottom:2px solid transparent;flex:1;white-space:nowrap}.scripture-tabs button[aria-pressed=true]{color:var(--navy);border-bottom-color:var(--gold)}.scripture-verses{font:400 var(--body-size)/1.9 Georgia,serif;color:#29465d}.scripture-verse{position:relative;margin:0 0 19px;padding-left:26px}.verse-number{font:9px/2 ReaderSans,Arial,sans-serif;color:var(--gold);position:absolute;left:0;top:4px;font-weight:600;min-width:14px}.scripture-verse.in-passage{background:#e4eceb;margin-left:-10px;margin-right:-10px;padding-top:7px;padding-bottom:7px;padding-right:10px;padding-left:36px;border-radius:3px}.scripture-verse.in-passage .verse-number{left:10px;top:11px}.passage-stepper{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:18px 0}.passage-stepper button{font-size:9px;line-height:1.6;background:transparent;padding:6px 0;color:var(--navy)}.scripture-credit{font-size:9px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:17px}.scripture-credit a{text-decoration:none;color:var(--navy-soft)}.scripture-credit p{margin:8px 0 0;font-size:9px}.toast{position:fixed;bottom:22px;left:calc(var(--sidebar) + 30px);max-width:calc(100% - 45px);padding:13px 20px;background:var(--navy);color:#fff;font-size:12px;box-shadow:0 8px 30px #08284922;border-radius:4px;z-index:90;opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}.about-dialog{width:min(560px,calc(100vw - 35px));padding:45px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:0 24px 100px #08284922;max-height:90vh;overflow:auto}.about-dialog::backdrop{background:#08284980;backdrop-filter:blur(3px)}.about-dialog h2{font:400 37px/1.25 Georgia,serif;letter-spacing:-.8px;margin:18px 0}.about-dialog>p:not(.eyebrow),.about-dialog li{font-size:14px;line-height:1.8;color:var(--muted)}.about-dialog ul{padding-left:20px;margin:20px 0}.about-dialog .about-note{border-top:1px solid var(--line);padding-top:18px;font-size:12px!important}.dialog-close{position:absolute;right:15px;top:13px}.load-error{margin:50px auto;padding:25px;line-height:1.8}.empty-state{font-size:12px;color:var(--muted);padding:15px;line-height:1.8}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--navy);color:white;padding:14px}.skip-link:focus{top:10px}.scrim{position:fixed;inset:var(--header) 0 0;background:#08284980;z-index:29}.no-scroll{overflow:hidden}
@media(min-width:1600px){:root{--sidebar:292px;--scripture:400px}.lesson-sidebar{padding:35px 24px}.scripture-header{padding:32px 32px 24px}.passage-select-wrap{padding:0 32px 25px}.scripture-scroll{padding:30px 32px}.main-content{padding:0 65px}}
@media(max-width:1250px){:root{--sidebar:243px;--scripture:320px}.app-header{padding:0 24px}.brand img{width:185px}.header-title{gap:20px}.main-content{padding:0 30px}.lesson-topline{flex-wrap:wrap;gap:8px}.lesson-header{padding-top:26px}.scripture-header{padding-left:22px;padding-right:22px}.passage-select-wrap{padding-left:22px;padding-right:22px}.scripture-scroll{padding-left:22px;padding-right:22px}.reader-toolbar>div{gap:10px}.settings-word{display:none}.lesson-link{font-size:11px}.sidebar-heading h2{font-size:24px}}
@media(max-width:1090px){:root{--sidebar:252px}.workspace{grid-template-columns:1fr}.main-content{max-width:790px;padding:0 48px}.scripture-pane{display:none}.scripture-pane.open{display:flex;position:fixed;top:var(--header);right:0;width:min(440px,100%);height:calc(100dvh - var(--header));z-index:60;box-shadow:-30px 0 100px #08284933}.scripture-pane.open #scripture-close{display:block}.scripture-header{padding:25px 28px 22px}.passage-select-wrap{padding:0 28px 22px}.scripture-scroll{padding:25px 28px}.lesson-topline{flex-wrap:nowrap}.settings-word{display:inline}h1{font-size:45px}.header-actions{gap:16px}.lesson-link{font-size:12px}}
@media(max-width:700px){:root{--header:73px;--sidebar:284px}.app-header{padding:0 16px;gap:14px}.brand img{width:161px}.header-title{display:none}.private-label{font-size:9px;padding:5px 7px;gap:5px}.header-actions{gap:6px}.header-actions .quiet-button{display:none}.mobile-menu{display:block;font-size:22px}.lesson-sidebar{transform:translateX(-100%);transition:transform .2s}.lesson-sidebar.open{transform:translateX(0)}.mobile-close{display:block;width:100%;text-align:center;border-top:1px solid var(--line);padding:20px;margin-top:20px}.workspace{margin-left:0}.main-content{padding:0 23px}.reader-toolbar{min-height:61px;font-size:8px;letter-spacing:.8px}.reader-toolbar>div{gap:16px}.toolbar-button{font-size:10px}.settings-word{display:none}.lesson-header{padding:27px 0 23px}.lesson-topline{flex-wrap:wrap;gap:10px;margin-bottom:18px}.lesson-tag{font-size:7px;letter-spacing:1.2px}.lesson-duration{font-size:7px}h1{font-size:39px;letter-spacing:-1px;margin-bottom:18px}.lesson-deck{font-size:15px;line-height:1.75}.lesson-meta{font-size:9px;gap:8px}.word-invitation{padding:15px 14px;gap:12px}.word-invitation p{font-size:10px}.word-invitation strong{font-size:11px}.contents{margin-top:22px}.lesson-body{font-size:var(--body-size);line-height:1.85}.lesson-body h2{font-size:27px;line-height:1.3}.passage-card{padding:18px 19px}.passage-card>strong{font-size:23px}.completion-block{gap:12px}.completion-block h2{font-size:22px}.lesson-pagination{gap:20px}.page-link>strong{font-size:17px}.article-footer{font-size:8px;gap:12px}.scripture-pane.open{width:100%;top:0;height:100dvh;z-index:80}.scripture-header{padding:24px 25px 20px}.scripture-scroll{padding:25px}.scripture-verses{font-size:var(--body-size)}.toast{left:20px;bottom:20px;font-size:11px}.about-dialog{padding:35px 25px}.about-dialog h2{font-size:32px}.reading-settings{padding:15px}.sidebar-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}