:root{--linen: #F8F3EA;--paper: #FFFCF6;--root: #3B2314;--bark: #6E3B1C;--canopy: #C47A2C;--canopy-tint: #F4E4CC;--moss: #5E6B3B;--moss-tint: #ECEDDF;--line: #E6D9C4;--muted: #7C6A58;--bg: var(--linen);--surface: var(--paper);--surface-alt: #F1E8D9;--fg: var(--root);--fg-muted: var(--muted);--accent: var(--bark);--accent-light: var(--canopy);--border: var(--line);--radius: 12px;--font-display: "Spectral", Georgia, serif;--font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--header-h: 64px;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--linen);color:var(--root);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--bark)}a:hover{color:var(--canopy)}:focus-visible{outline:3px solid var(--canopy);outline-offset:2px;border-radius:6px}.container{max-width:760px;margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);background:#f8f3eaeb;backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line)}.site-header .inner{max-width:1040px;height:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--bark)}.brand img{width:38px;height:38px}.brand span{font-family:var(--font-display);font-weight:700;font-size:25px;letter-spacing:-.01em;line-height:1}.brand:hover{color:var(--bark)}.top-nav{display:flex;gap:6px}.top-nav a{font-size:15px;font-weight:500;color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:8px;position:relative}.top-nav a:hover{color:var(--root);background:#c47a2c1a}.top-nav a.active{color:var(--root);font-weight:600}.top-nav a.active:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;background:var(--canopy)}.read-progress{position:absolute;left:0;bottom:-1px;height:3px;background:var(--canopy);transform-origin:left;width:100%}.tab-bar{display:none}@media (max-width: 640px){.top-nav{display:none}.tab-bar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--paper);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tab-bar a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:500;color:var(--muted);text-decoration:none;padding:6px 0;border-radius:10px}.tab-bar a svg{width:24px;height:24px}.tab-bar a.active{color:var(--bark);font-weight:600}.tab-bar a.active svg{color:var(--canopy)}body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}}.hero{position:relative;text-align:center;padding:40px 0 28px;isolation:isolate}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 50% 60% at 50% 38%,rgba(196,122,44,.22),transparent 70%);pointer-events:none}.hero img{width:min(320px,72vw);height:auto;margin:0 auto}.hero p{position:relative;margin-top:18px;font-size:16px;color:var(--muted)}.this-week{display:block;text-decoration:none;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin:8px 0 48px;box-shadow:0 1px #3b23140a,0 12px 32px -18px #6e3b1c59}.this-week:hover{color:inherit;border-color:#d9c4a3}.this-week .photo{aspect-ratio:16 / 7;width:100%;object-fit:cover;object-position:50% 40%}.this-week .body{padding:22px 24px 24px}.this-week .kicker{font-size:14px;font-weight:600;color:var(--canopy)}.this-week h2{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,5vw,32px);line-height:1.15;margin-top:4px;color:var(--root)}.this-week .ref{font-size:15px;font-weight:600;color:var(--bark);margin-top:6px}.this-week .desc{color:var(--muted);margin-top:10px;max-width:60ch}.this-week .actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bark);color:var(--paper);font:600 15px/1 var(--font-body);padding:13px 20px;border-radius:10px;border:none;cursor:pointer;text-decoration:none}.btn:hover{background:var(--root);color:var(--paper)}.this-week .facts{font-size:14px;color:var(--muted)}.series{margin-bottom:40px}.series h2{font-family:var(--font-display);font-weight:600;font-size:24px;color:var(--root);margin-bottom:14px}.root-list{list-style:none;padding:0;position:relative}.root-list:before{content:"";position:absolute;left:9px;top:14px;bottom:14px;width:2px;background:linear-gradient(var(--bark),#B08A62);border-radius:2px}.root-item{position:relative;padding-left:40px}.root-item+.root-item{margin-top:6px}.root-item .node{position:absolute;left:3px;top:21px;width:14px;height:14px;border-radius:50%;background:var(--bark);border:2px solid var(--linen);box-shadow:0 0 0 1px var(--bark)}.root-item.locked .node{background:var(--linen);box-shadow:0 0 0 2px #c6a884}.root-item.current .node{left:0;top:18px;width:20px;height:20px;background:var(--canopy);box-shadow:0 0 0 4px #c47a2c40}.root-link{display:block;text-decoration:none;color:inherit;padding:12px 14px;margin-left:-14px;border-radius:12px}a.root-link:hover{background:var(--paper);color:inherit}.root-link .row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.root-link .ref{font-size:14px;font-weight:600;color:var(--bark)}.root-link .when{font-size:13px;color:var(--muted);white-space:nowrap}.root-link h3{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.25;color:var(--root);margin-top:2px}.root-link .desc{font-size:15px;color:var(--muted);margin-top:4px;max-width:62ch}.root-item.locked h3{color:#8b7763}.root-item.locked .ref{color:#a08a72}.root-item.locked .desc{display:none}.explain-card{display:flex;align-items:center;gap:18px;background:var(--moss-tint);border-radius:18px;padding:22px 24px;text-decoration:none;color:var(--root);margin:8px 0 32px}.explain-card:hover{color:var(--root);background:#e4e6d3}.explain-card img{width:52px;height:52px;flex:none}.explain-card h2{font-family:var(--font-display);font-weight:600;font-size:21px;line-height:1.2}.explain-card p{font-size:15px;color:#56604a;margin-top:2px}.site-footer{text-align:center;padding:36px 0 44px;margin-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.site-footer img{width:40px;height:40px;margin:0 auto 8px;opacity:.9}.site-footer em{font-family:var(--font-display);font-size:16px;color:var(--bark);display:block;margin-bottom:4px}.back-btn{background:none;border:none;color:var(--bark);font:500 15px var(--font-body);cursor:pointer;padding:8px 0;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.back-btn:hover{color:var(--canopy)}.study-header{padding:20px 0 8px}.study-header .ref{font-size:15px;font-weight:600;color:var(--canopy)}.study-header h1{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,6vw,42px);line-height:1.1;color:var(--root);margin-top:6px;letter-spacing:-.01em}.study-header .sub{font-family:var(--font-display);font-style:italic;font-size:19px;color:var(--muted);margin-top:8px}.study-header .facts{font-size:14px;color:var(--muted);margin-top:12px}.contents{margin:24px 0 36px;padding:18px 20px;background:var(--paper);border:1px solid var(--line);border-radius:14px}.contents h2{font-size:15px;font-weight:600;color:var(--bark);margin-bottom:8px}.contents ol{padding-left:22px;display:grid;gap:4px}.contents li::marker{color:var(--canopy);font-weight:600}.contents a{text-decoration:none;color:var(--root);font-size:15px}.contents a:hover{color:var(--canopy);text-decoration:underline}.part{margin-bottom:44px}.part-heading{font-family:var(--font-display);font-weight:600;font-size:26px;line-height:1.2;color:var(--bark);margin-bottom:14px}.study-body>p,.study-body>.lead{font-family:var(--font-display);font-size:18.5px;line-height:1.72;margin-bottom:16px;max-width:66ch}.scripture-block{margin:22px 0;padding:4px 0 4px 20px;border-left:3px solid var(--canopy)}.scripture-ref{font-size:14px;font-weight:600;color:var(--bark);margin-bottom:6px}.scripture-text{font-family:var(--font-display);font-style:italic;font-size:19.5px;line-height:1.7;color:var(--root)}.scripture-block.prayer{border-left-color:var(--moss)}.scripture-block.prayer .scripture-ref{color:var(--moss)}.cross-ref{font-size:15px;color:var(--muted);line-height:1.6;margin:10px 0;padding-left:20px;position:relative}.cross-ref:before{content:"✦";position:absolute;left:0;color:var(--canopy)}.insight-box{background:var(--canopy-tint);border-radius:16px;padding:18px 22px 20px;margin:24px 0}.insight-box .label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--bark);margin-bottom:6px}.insight-box .label svg{width:18px;height:18px;color:var(--canopy)}.insight-box p{font-family:var(--font-display);font-size:18.5px;line-height:1.65}.discussion-box,.question-box{background:var(--moss-tint);border-radius:16px;padding:18px 22px;margin:24px 0 8px}.discussion-box .label,.question-box .label{font-size:14px;font-weight:600;color:var(--moss);margin-bottom:6px}.discussion-box p,.question-box p{font-family:var(--font-display);font-size:18.5px;line-height:1.6}.notes-area{margin:0 0 24px}.notes-toggle{font:500 14px var(--font-body);color:var(--moss);background:none;border:none;cursor:pointer;padding:8px 4px;display:inline-flex;align-items:center;gap:6px}.notes-toggle:hover{color:var(--root)}.notes-toggle svg{width:16px;height:16px}.notes-area textarea{width:100%;min-height:96px;margin-top:4px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:16px/1.55 var(--font-body);color:var(--root);resize:vertical}.notes-area textarea:focus{outline:none;border-color:var(--moss);box-shadow:0 0 0 3px #5e6b3b2e}.notes-saved{font-size:13px;color:var(--moss);margin-top:4px;height:18px;opacity:0;transition:opacity .25s}.notes-saved.show{opacity:1}.quiz-section{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px 24px;margin:12px 0 48px}.quiz-section h3{font-family:var(--font-display);font-weight:600;font-size:24px;color:var(--root)}.quiz-section .intro{font-size:15px;color:var(--muted);margin:4px 0 20px}.quiz-q{padding:18px 0;border-top:1px solid var(--line)}.quiz-q .from{font-size:13px;font-weight:600;color:var(--canopy);margin-bottom:4px}.quiz-q .prompt{font-size:17px;font-weight:600;margin-bottom:12px;line-height:1.45}.quiz-opts{display:grid;gap:8px}.quiz-opt{text-align:left;font:500 16px/1.4 var(--font-body);color:var(--root);background:var(--linen);border:1.5px solid var(--line);border-radius:12px;padding:12px 16px;cursor:pointer}.quiz-opt:hover:not(:disabled){border-color:var(--canopy)}.quiz-opt:disabled{cursor:default}.quiz-opt.correct{background:#e3ebd5;border-color:var(--moss);color:#3d4a22}.quiz-opt.incorrect{background:#f6e0d8;border-color:#b5523a;color:#8a3320}.quiz-feedback{font-size:15px;line-height:1.55;margin-top:10px;color:var(--muted)}.quiz-feedback strong{color:var(--root)}.quiz-score{margin-top:8px;padding:18px 20px;border-radius:14px;background:var(--canopy-tint);font-family:var(--font-display);font-size:21px;color:var(--root)}.quiz-score button{margin-top:12px}.page-header{padding:28px 0 8px}.page-header h1{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,6vw,40px);line-height:1.1}.page-header p{color:var(--muted);margin-top:8px}.empty,.loading{text-align:center;padding:64px 0;color:var(--muted)}.empty h2{font-family:var(--font-display);font-size:24px;color:var(--root);margin-bottom:8px}@media (max-width: 640px){.container{padding:0 16px}.brand span{font-size:23px}.this-week .body{padding:18px 18px 20px}.this-week .photo{aspect-ratio:16 / 9}.quiz-section{padding:20px 16px}.contents{padding:16px}.study-body>p,.insight-box p,.discussion-box p,.question-box p{font-size:18px}.scripture-text{font-size:18.5px}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important}}