.af-edition{--af-arabic-size:28px;--af-ink:#234934;--af-muted:#657363;min-width:0;max-width:1220px;margin:auto}.af-edition [hidden]{display:none!important}.af-edition :focus-visible{outline:3px solid #718e41;outline-offset:4px}.af-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 0 22px}.af-heading h1{font:400 clamp(36px,5vw,60px)/1.1 Georgia,serif;letter-spacing:-1.5px;color:var(--af-ink);margin:12px 0}.af-heading h1 span{display:block;font:500 17px/1.5 Inter,Arial,sans-serif;letter-spacing:0;margin-top:12px}.af-heading p{font-size:15px;color:var(--af-muted)}.af-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.af-meta span{background:#edf2e5;border-radius:5px;padding:7px 11px;font-size:12px;color:#48603e}.af-seal{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:160px;border:1px solid #c4cdb7;border-radius:70px 70px 7px 7px;background:#f0f3e7;color:#38513b;font:48px/1.5 TemasNaskh,serif}.af-seal span{font-size:21px}.af-scope{font-size:12px;color:var(--af-muted);line-height:1.8;border-top:1px solid #e0e7d8;padding-top:14px}.af-tabs{margin-top:22px!important}.af-start{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:40px;padding:30px;border:1px solid #dce4d1;border-radius:10px;background:#f3f5eb;margin:28px 0}.af-start h2{font:400 27px/1.35 Georgia,serif;color:var(--af-ink);margin:0 0 10px}.af-start p{font-size:14px;line-height:1.9;color:var(--af-muted);max-width:540px;margin:0 0 20px}.af-primer-link{display:block;font-size:12px;margin-top:14px;color:#395c40}.af-progress{align-self:center;border-left:1px solid #d5dfc8;padding-left:28px}.af-progress>span{font-size:10px;letter-spacing:1px;color:#6b765e}.af-progress strong{display:block;font-size:20px;margin:10px 0 14px}.af-progress progress{width:100%;height:8px;accent-color:#476e43}.af-progress p{font-size:12px;margin-top:14px}.af-search{margin:26px 0}.af-search label{font-size:12px;color:#56694e}.af-search>div{display:flex;gap:10px}.af-search input{min-width:0;font-size:14px}.af-result{font-size:13px;line-height:1.8}.af-chapter{margin:36px 0}.af-chapter>header{display:flex;gap:16px;align-items:center;margin-bottom:18px}.af-chapter-no{font:28px Georgia,serif;color:#a0ad8b}.af-chapter header p{font-size:10px;letter-spacing:1px;color:#7b846d;margin:0 0 6px}.af-chapter h2{font:600 20px/1.4 Georgia,serif;margin:0}.af-chapter-ar{margin-left:auto;font:23px/1.7 TemasNaskh,serif;color:#6e7d60}.af-lesson-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.af-lesson-card{min-width:0;display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid #e0e6d7;border-radius:8px;color:inherit;text-decoration:none;background:#fff;transition:border-color .15s,background .15s}.af-lesson-card:hover{background:#f8faf4;border-color:#9dae86}.af-lesson-card>div{flex:1;min-width:0}.af-lesson-card>span:last-child{color:#84966c}.af-lesson-no{font:22px/1.3 Georgia,serif;color:#85956e}.af-card-meta{display:block;font-size:10px;line-height:1.8;color:#69785b}.af-lesson-card h3{font-size:15px;line-height:1.5;margin:8px 0}.af-lesson-card p{font-size:12px;line-height:1.8;color:#6b7764;margin:0}.af-is-done{border-color:#adc294;background:#f8fbf2}.af-done-label{font-weight:700;color:#38622e}.af-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;margin-top:28px}.af-toc{min-width:0}.af-toc details{position:sticky;top:20px;border:1px solid #e0e6d7;border-radius:8px;background:#fff}.af-toc summary{padding:16px;font-size:12px;font-weight:700;cursor:pointer}.af-toc nav{padding:0 8px 10px;max-height:70vh;overflow:auto}.af-toc a{display:flex;gap:10px;font-size:11px;line-height:1.7;padding:10px 8px;text-decoration:none;color:#697560;border-radius:4px}.af-toc a span{color:#8b987d;min-width:16px}.af-toc a[aria-current]{background:#edf3e4;color:#24492d;font-weight:700}.af-article{min-width:0;max-width:850px;color:#334837;font-size:15px;line-height:1.95}.af-article p{margin:12px 0 20px}.af-article h2{font:500 32px/1.3 Georgia,serif;color:#24412f;margin:10px 0 20px}.af-article h3{font-size:19px;line-height:1.5;margin-top:32px}.af-article h4{font-size:16px;line-height:1.6;margin:25px 0 6px;color:#27432d}.af-lesson-heading>p[lang=ar]{font:27px/1.7 TemasNaskh,serif;text-align:left;color:#7a856b;margin:0 0 15px}.af-prerequisite{background:#f4f6ef;border:1px solid #e2e8d8;padding:12px 18px;border-radius:7px;font-size:13px}.af-article summary{cursor:pointer;font-weight:600;font-size:13px;color:#46633e}.af-section-links{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 32px}.af-section-links a{padding:5px 10px;border:1px solid #dce4d4;border-radius:5px;font-size:11px;text-decoration:none;color:#4b6546}.af-section-title{display:flex;gap:14px;align-items:center;font:14px Georgia,serif!important;color:#869370!important;border-top:1px solid #e1e7da;padding-top:24px;margin-top:35px!important}.af-section-title span{font:600 19px/1.5 Georgia,serif;color:#294b32}.af-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0;font-size:11px}.af-tools button{font-size:11px;background:#edf2e6;color:#42613d;padding:8px 11px;border:1px solid #d8e1cc;border-radius:5px}.af-tools button[aria-pressed=true]{background:#dae8cc}.af-tools label{display:flex;gap:10px;align-items:center;font-size:11px;margin:0;color:#66785c}.af-tools input{width:90px;padding:0;accent-color:#567449}.af-hafalan-note{flex-basis:100%;color:#6c7d59;font-size:12px}.af-verse{background:#f7f8f1;border:1px solid #e0e7d5;border-radius:8px;padding:20px 22px;margin:18px 0;scroll-margin-top:22px}.af-verse-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.6;letter-spacing:.5px;color:#7c876d}.af-verse-label a{letter-spacing:0;color:#557045}.af-matn{padding:18px 0;text-align:center}.af-matn p{font:var(--af-arabic-size)/2.1 TemasNaskh,serif!important;color:#29492d;margin:0!important;overflow-wrap:anywhere}.af-meaning{border-top:1px solid #e3e8d9;padding-top:12px}.af-meaning summary{font-size:11px;font-weight:500}.af-meaning p{font-size:13px;line-height:1.9;margin:10px 0 0}.af-note{font-size:12px;color:#748067}.af-glossary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.af-glossary>div{min-width:0;border:1px solid #e1e7db;border-radius:7px;padding:13px 16px;background:#fff}.af-glossary dt{font:25px/1.7 TemasNaskh,serif;color:#3c5a34;text-align:right}.af-glossary dd{font-size:12px;line-height:1.8;color:#6a795f;margin:8px 0 0}.af-deep{background:#f4f6ef;padding:16px 20px;border-radius:7px;margin:24px 0}.af-deep p{font-size:14px;margin-bottom:0}.af-mistake{border-left:3px solid #b2aa6b;padding:1px 20px;background:#faf9f0;margin:25px 0}.af-mistake h4{font-size:13px;margin-top:16px}.af-mistake p{font-size:13px;margin-bottom:16px}.af-example{border:1px solid #e0e6d7;border-radius:8px;background:white;padding:20px;margin:18px 0}.af-example p{font-size:14px}.af-example .af-example-ar{font:27px/1.9 TemasNaskh,serif;color:#2c4c32;margin:0 0 8px}.af-example details{border-top:1px solid #e5e9df;padding-top:12px}.af-example details p{margin-bottom:0}.af-questions{padding-left:24px}.af-questions li{padding:5px 0 16px 7px;border-bottom:1px solid #e3e8dc;margin-bottom:16px}.af-questions li::marker{color:#7f906a;font-family:Georgia,serif}.af-questions details{background:#f3f6ec;border-radius:6px;padding:12px 16px}.af-questions details p{font-size:14px;margin-bottom:0}.af-complete{padding:20px 0}.af-complete p{font-size:12px;color:#77876a;margin:8px 0}.af-references{font-size:12px;line-height:1.9;border-top:1px solid #e0e6d7;padding-top:10px}.af-references h3{font-size:14px}.af-references a{overflow-wrap:anywhere}.af-pagination{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;border-top:1px solid #e0e6d7;padding-top:24px;margin-top:30px}.af-pagination p{flex-basis:100%;font-size:12px;color:#748266}.af-whole{margin:32px auto}.af-matn-chapter{font:30px/1.8 TemasNaskh,serif!important;border-top:1px solid #dfe6d5;padding-top:24px;margin-top:40px!important}.af-article>section{scroll-margin-top:24px}
@media(max-width:1099px){.af-layout{grid-template-columns:1fr;gap:22px}.af-toc details{position:static}.af-toc nav{max-height:300px}.af-article{max-width:none}}@media(max-width:650px){.af-heading{gap:15px;padding-top:15px}.af-heading h1{font-size:40px}.af-heading h1 span{font-size:14px}.af-seal{width:87px;height:114px;font-size:35px}.af-seal span{font-size:16px}.af-heading p{font-size:13px}.af-start{grid-template-columns:1fr;gap:24px;padding:22px}.af-start h2{font-size:24px}.af-progress{border-left:0;border-top:1px solid #d5dfc8;padding:20px 0 0}.af-lesson-list{grid-template-columns:1fr}.af-chapter-ar{display:none}.af-chapter h2{font-size:19px}.af-lesson-card{padding:17px}.af-article{font-size:14px}.af-article h2{font-size:28px}.af-verse{padding:15px 13px}.af-glossary{gap:8px}.af-glossary>div{padding:11px}.af-glossary dt{font-size:23px}.af-search>div{gap:7px}.af-search button{padding:10px 14px}.af-search input{font-size:16px}.af-meta{gap:6px}.af-meta span{font-size:10px;padding:6px 8px}.af-section-links{gap:5px}.af-section-links a{font-size:10px}.af-example{padding:16px}.af-example .af-example-ar{font-size:25px}.af-pagination .lib-btn{font-size:12px}.af-tools label{flex-basis:100%}.af-tabs{max-width:100%}}
@media(prefers-reduced-motion:reduce){.af-lesson-card{transition:none}}