:root{color-scheme:light;--bg:#f4f1e9;--paper:#fffdf8;--ink:#263731;--muted:#59665e;--line:#d6d9cb;--gold:#91691e;--soft:#eceadd;--accent:#244c40;--good:#e6f0e6;--warn:#f8eed5;--shadow:0 18px 55px #23382c0a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}body.dark{color-scheme:dark;--bg:#10100e;--paper:#1a1a17;--ink:#f1eee5;--muted:#c5bfb2;--line:#514633;--gold:#c8a76b;--soft:#27261f;--accent:#c8a76b;--good:#292c22;--warn:#342b1c;--shadow:none}body.dark .preview-banner{background:#20221d;color:#f2e9d5}body.dark .hero{background:linear-gradient(90deg,#10100ee6,#10100e20),url('/learn/assets/risen.webp') center 48%/cover}body.dark .hero .eyebrow{color:#c8a76b}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0 0 16px}h1,h2{font-family:'Barlow Condensed',sans-serif;font-weight:600;line-height:1.06}h1{font-size:64px;margin-bottom:20px}h2{font-size:44px}h3{font-size:19px;line-height:1.4}p{max-width:70ch}.preview-banner{padding:8px 4%;background:#293d33;color:#fff4dc;font-size:12px;letter-spacing:.12em;display:flex;justify-content:space-between;gap:10px}.preview-banner span{letter-spacing:0}header{display:flex;justify-content:space-between;align-items:center;padding:22px 4%;border-bottom:1px solid var(--line)}.brand{font-family:'Barlow Condensed',sans-serif;letter-spacing:.12em;font-size:23px;text-decoration:none;display:flex;align-items:center;gap:12px}.brand img{width:33px;height:33px;object-fit:contain}.brand span{font-family:'DM Sans',sans-serif;font-size:12px;color:var(--muted);letter-spacing:.1em}.layout{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:310px minmax(0,1fr);gap:54px;padding:45px 4% 64px}aside{position:sticky;top:24px;align-self:start}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--gold);margin-bottom:14px}.sidebar-intro{color:var(--muted);font-size:15px}.progress-label{display:flex;justify-content:space-between;font-size:13px;margin-top:32px}progress{width:100%;height:5px;border:0;display:block;margin:10px 0 25px;accent-color:var(--gold)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--gold)}#steps{display:grid;gap:6px}.step{display:flex;align-items:center;gap:14px;text-align:left;background:transparent;padding:12px;border-radius:7px;color:var(--muted);width:100%}.step.active{background:var(--soft);color:var(--ink)}.step .number{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:13px}.step.active .number{background:var(--accent);color:var(--paper);border-color:var(--accent)}.step.done .number{border-color:var(--gold);color:var(--gold)}.step strong{display:block;font-size:15px}.step small{display:block;font-size:12px}.save-note{font-size:12px;color:var(--muted);margin-top:25px}.text-button{background:transparent;color:var(--gold);padding:5px 0;font-size:14px;display:block;text-align:left}.muted{color:var(--muted)}main{min-width:0}#stage{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;overflow:hidden;min-height:560px;animation:arrive .25s ease-out}.content{padding:32px 36px}.hero{position:relative;height:220px;background:linear-gradient(90deg,#14261bc9,#14261b20),url('/learn/assets/risen.webp') center 48%/cover;display:flex;align-items:end;padding:28px 36px;color:#fff}.hero h2{font-size:46px;max-width:430px}.hero .eyebrow{color:#f5d38f}.lead{font-size:18px}.truth{border-left:3px solid var(--gold);padding:14px 20px;background:var(--soft);margin:22px 0}.truth p:last-child{margin:0}.primary,.quiet{padding:11px 18px;border-radius:5px;min-height:44px;font-weight:600;font-size:14px}.primary{background:var(--accent);color:var(--paper)}.quiet{background:var(--soft);color:var(--ink)}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0 0}.stage-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px}.stage-footer span{font-size:13px;color:var(--muted)}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:600}details p{margin-top:12px;font-size:15px}details a{color:var(--gold)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:6px;margin:25px 0}.tab{background:transparent;color:var(--muted);padding:12px 10px;font-size:14px;border-bottom:3px solid transparent;flex:1}.tab[aria-selected=true]{color:var(--ink);border-color:var(--gold);font-weight:700}.evidence-panel{min-height:290px}.evidence-panel ul,.recap-list{padding-left:22px}.evidence-panel li,.recap-list li{margin-bottom:13px}.reference{font-size:13px;color:var(--muted)}.subsection{margin-top:28px}.visited{color:var(--gold);font-size:13px}.question{border:1px solid var(--line);padding:20px;border-radius:8px;margin:24px 0}.question legend{font-weight:600;padding:0 8px;font-size:16px}.option{display:flex;gap:12px;align-items:flex-start;padding:13px;margin:7px 0;border:1px solid var(--line);border-radius:6px;cursor:pointer;line-height:1.5}.option:has(input:checked){border-color:var(--gold);background:var(--soft)}.option input{margin:5px 0 0;accent-color:var(--gold);flex-shrink:0}.feedback{padding:16px 20px;margin-top:18px;border-radius:6px;background:var(--warn)}.feedback.good{background:var(--good)}.feedback p{margin:0}.feedback strong{display:block;margin-bottom:5px}.feedback:empty{display:none}.dialogue{font-size:21px;font-family:Georgia,serif;line-height:1.55;padding:20px 24px;background:var(--soft);border-radius:8px;margin:24px 0}.dialogue small{font:700 12px 'DM Sans',sans-serif;letter-spacing:.1em;color:var(--gold);display:block;margin-bottom:10px}.note-label{display:block;font-weight:600;margin:26px 0 8px}textarea{width:100%;min-height:125px;resize:vertical;padding:15px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--paper);font-size:16px}.completed-icon{font-size:34px;color:var(--gold)}footer{max-width:1440px;padding:25px 4%;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:12px}dialog{width:min(850px,92vw);max-height:88vh;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:30px}dialog::backdrop{background:#101e19b8}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center;position:sticky;top:-30px;background:var(--paper);padding:12px 0}.dialog-top p{margin:0}#reading-content h2{font-size:33px;margin:25px 0 18px}#reading-content h3{margin-top:25px}#reading-content li{margin-bottom:12px}#reset-dialog{max-width:500px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{display:block;padding:16px;background:var(--paper)}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:1000px){.layout{grid-template-columns:240px 1fr;gap:28px}.content{padding:26px}.hero{padding:25px}h1{font-size:53px}}@media(max-width:760px){header{padding:16px 5%}.brand span{display:none}.layout{display:block;padding:25px 5% 40px}aside{position:static}aside h1{font-size:44px;margin-bottom:10px}.sidebar-intro{display:none}.progress-label{margin-top:16px}progress{margin-bottom:15px}#steps{display:flex;margin-bottom:22px;gap:3px}.step{padding:7px 2px;justify-content:center;flex-direction:column;gap:5px}.step strong{font-size:12px}.step small{display:none}.save-note,.text-button{display:inline-block;margin:0 12px 18px 0;font-size:12px}.save-note{display:block}.content{padding:24px 20px}h2{font-size:36px}.hero{height:190px;padding:23px}.hero h2{font-size:39px}#stage{min-height:0}.tabs{gap:0}.tab{padding:12px 5px;font-size:13px}.question{padding:13px}.option{padding:12px 9px}.stage-footer{gap:8px}footer{display:block}footer span{display:block;margin-top:9px}.preview-banner{font-size:10px}.preview-banner span{font-size:11px}.dialogue{font-size:19px}}@media print{header,aside,.stage-footer,.preview-banner,body>footer{display:none}.layout{display:block;padding:0}#stage{border:0}dialog[open]{position:static;max-height:none;width:100%;border:0}.dialog-top{display:none}}
