:root{--green:#0b5d3b;--green2:#08462e;--gold:#c99a35;--paper:#fbfaf6;--ink:#1d2a24;--muted:#66756d;--line:#dce6df}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Times New Roman",serif;font-size:16px}.topbar{height:70px;background:var(--green2);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10;box-shadow:0 2px 10px #0002}.brand{display:flex;gap:12px;align-items:center}.brand .mark{width:40px;height:40px;border:1px solid #ffffff66;border-radius:50%;display:grid;place-items:center;font-family:"Traditional Arabic",serif;font-size:26px}.brand span{display:block;font-size:13px;opacity:.8}.icon-btn{display:none;background:none;border:0;color:white;font-size:24px}.layout{display:grid;grid-template-columns:320px 1fr;min-height:calc(100vh - 70px)}.sidebar{border-right:1px solid var(--line);background:#fff;padding:22px;overflow:auto;max-height:calc(100vh - 70px);position:sticky;top:70px}.hero-mini{background:linear-gradient(145deg,var(--green2),var(--green));color:#fff;padding:24px;border-radius:18px;box-shadow:0 12px 30px #0b5d3b22}.hero-mini h1{font-size:30px;margin:5px 0}.eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--gold)}.search input{width:100%;margin:18px 0 12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:15px}.progress-card{padding:14px;border:1px solid var(--line);border-radius:12px;margin-bottom:16px}.progress-card>div:first-child{display:flex;justify-content:space-between}.bar{height:8px;background:#e8eee9;border-radius:20px;margin-top:10px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--gold)}nav .week{margin-bottom:8px}.week button{width:100%;text-align:left;background:#f6f8f6;border:0;border-radius:8px;padding:10px;font-family:Arial,sans-serif;font-weight:700;color:var(--green2);cursor:pointer}.sessions{display:none;padding:6px 0}.week.open .sessions{display:block}.sessions button{background:none;font-family:"Times New Roman",serif;font-weight:400;padding:7px 9px;color:var(--ink)}.sessions button.active{background:#e8f3ed;color:var(--green2);font-weight:700}.sessions button.done::after{content:' ✓';color:var(--green)}.main{padding:32px;max-width:1100px;width:100%;margin:0 auto}.welcome{min-height:72vh;background:linear-gradient(145deg,#0a4e34,#062f22);color:white;border-radius:26px;padding:60px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:0 20px 50px #06362433}.welcome h2{font-size:54px;line-height:1.05;max-width:650px;margin:10px 0 18px}.welcome p{font-size:20px;max-width:620px;color:#eef7f1}.quran-art{font-family:"Traditional Arabic",serif;font-size:200px;color:#ffffff12}.primary,.secondary,.complete-btn,.pager button{border:0;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer}.primary{background:var(--gold);color:#fff}.secondary{background:var(--green);color:#fff}.hidden{display:none}.session-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.session-head h2{font-size:34px;margin:5px 0}.session-head p{color:var(--muted)}.complete-btn{background:#e8f3ed;color:var(--green)}.complete-btn.done{background:var(--green);color:#fff}.block{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin:15px 0;box-shadow:0 6px 20px #0a3b2520}.block h3{font-family:Arial,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.8px;color:var(--green);margin:0 0 12px}.block p{line-height:1.72;margin:0;text-align:justify}.verse{border-top:5px solid var(--gold);background:#fffdf5}.verse #ayat,.hadith #hadithAr{font-family:"Traditional Arabic",serif;font-size:26px;line-height:2;text-align:right}.tafsir{background:#f4f8f5}.hadith{border-left:5px solid var(--green)}.story{border-left:5px solid var(--gold)}.note{background:#f8f7ef}.action{background:#edf7f1}.reflection{background:#fff8e8}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.journal textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;font-family:"Times New Roman",serif;font-size:16px;margin-bottom:10px}.journal span{margin-left:10px;color:var(--green)}.pager{display:flex;justify-content:space-between;margin:24px 0}.pager button{background:#fff;border:1px solid var(--line)}small{display:block;color:var(--muted);margin-top:10px;line-height:1.5}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;left:-330px;top:70px;width:320px;height:calc(100vh - 70px);z-index:20;transition:.25s}.sidebar.open{left:0}.icon-btn{display:block}.main{padding:18px}.welcome{padding:30px;min-height:68vh}.welcome h2{font-size:38px}.quran-art{display:none}.grid-2{grid-template-columns:1fr}.session-head{display:block}.complete-btn{margin-top:8px}.verse #ayat,.hadith #hadithAr{font-size:22px}}