:root{--green:#193d31;--light:#edf3ed;--gold:#d8b877;--text:#1b2922;--gray:#637269;--line:#e4e8e1}*{box-sizing:border-box}body{margin:0;background:#f7f7f2;color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}header{height:69px;display:flex;gap:11px;align-items:center;background:white;padding:12px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}header .logo{width:39px;height:39px;border-radius:12px;background:var(--green);color:var(--gold);display:grid;place-items:center;font-size:25px}header strong{display:block;line-height:1.2}header small{display:block;color:var(--gray);font-size:11px}main{max-width:720px;margin:auto;padding:20px 16px 110px}h1{font-size:31px;letter-spacing:-1px;line-height:1.17;margin:8px 0 15px}h2{font-size:22px;line-height:1.3;margin:0 0 12px}h3{font-size:18px;margin:6px 0 10px}p{margin:8px 0 15px}.muted{color:var(--gray)}.eyebrow{color:#a47b38;font-size:11px;letter-spacing:1.6px;font-weight:800;text-transform:uppercase}.hero{background:linear-gradient(135deg,#173c2e,#2b5844);color:white;border-radius:22px;padding:27px 22px}.hero h1{font-size:35px}.hero em{color:#e8c990;font-family:Georgia,serif}.hero p{color:#e1e9e1}.hero .eyebrow{color:var(--gold)}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;margin:12px 0}.week{display:flex;gap:13px;align-items:center;text-align:left;width:100%;cursor:pointer}.week .num{background:var(--light);color:var(--green);border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-weight:800;flex-shrink:0}.week b{display:block}.week small{color:var(--gray)}button{font:inherit;cursor:pointer}.btn{background:var(--gold);color:#1a2a22;border:0;border-radius:12px;padding:13px 17px;font-weight:800;width:100%;margin:8px 0}.secondary{background:white;border:1px solid #416452;color:var(--green)}.back{border:0;background:none;color:var(--green);font-weight:750;padding:4px 0 18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0 23px}.stat{text-align:center;background:white;border:1px solid var(--line);padding:13px 5px;border-radius:14px}.stat b{display:block;color:var(--green);font-size:22px}.stat small{font-size:10px;color:var(--gray)}.track{height:7px;background:#dfe8de;border-radius:20px;overflow:hidden}.track>i{display:block;height:100%;background:var(--gold)}.verse{border-left:4px solid var(--gold);padding:12px 15px;background:#f9f7f0;font-family:Georgia,serif}.option{display:block;width:100%;padding:12px;margin:9px 0;border:1px solid var(--line);background:#fafbf9;border-radius:11px;text-align:left}.option.selected{border:2px solid var(--green);background:var(--light)}.option:disabled{color:var(--text);opacity:1}textarea,input{width:100%;border:1px solid #cfd8ce;background:white;border-radius:10px;padding:12px;font:inherit}textarea{min-height:110px;resize:vertical}.feedback{background:var(--light);border-radius:11px;padding:13px;margin:13px 0}.quiztop{display:flex;justify-content:space-between;color:var(--gray);font-size:13px}.pill{display:inline-block;background:#f2eadb;color:#816638;font-size:11px;padding:4px 10px;border-radius:99px;font-weight:800}.split{display:flex;justify-content:space-between;align-items:center;gap:12px}.scoreline{margin:15px 0}.scoreline small{display:block;margin-bottom:5px}details{background:white;border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:14px}summary{font-weight:700;cursor:pointer}nav{position:fixed;bottom:0;left:0;right:0;max-width:720px;margin:auto;display:flex;background:white;border-top:1px solid var(--line);height:76px;padding-bottom:env(safe-area-inset-bottom);z-index:5}nav button{border:0;background:transparent;flex:1;color:#849087;font-size:23px;line-height:1.2;padding-top:8px}nav button span{display:block;font-size:10px}nav button.active{color:var(--green);font-weight:800}.note{font-size:13px;color:var(--gray)}.badge{color:#1d6841;font-size:12px;font-weight:800}.certificate{text-align:center;border:4px double var(--gold);padding:25px 12px;background:#fffdf5;border-radius:8px}.certificate h2{font-family:Georgia,serif} @media(min-width:700px){main{padding:28px 25px 110px}.hero{padding:35px}}