/* Talaqa English Learning — Reading Stories (v0.9.0) */
.aels-reading{--rd-a1:#2f8f6a;--rd-a2:#2e7aa8;--rd-b1:#b8842d;--rd-b2:#7a4fa3;max-width:1000px}
.aels-reading .lv-a1{--c:var(--rd-a1)}.aels-reading .lv-a2{--c:var(--rd-a2)}.aels-reading .lv-b1{--c:var(--rd-b1)}.aels-reading .lv-b2{--c:var(--rd-b2)}
.aels-reading-hero{margin-bottom:18px}
.aels-rd-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.aels-rd-tabs button{border:1px solid #d3e3db;background:#fff;color:#1c3a30;border-radius:999px;padding:9px 16px;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.aels-rd-tabs button b{background:#eaf4ef;color:#1d5649;border-radius:8px;padding:1px 7px;font-size:12.5px}
.aels-rd-tabs button.is-active{background:#1f7a5f;border-color:#1f7a5f;color:#fff}.aels-rd-tabs button.is-active b{background:rgba(255,255,255,.22);color:#fff}
.aels-rd-level{margin:0 0 30px}.aels-rd-level[hidden]{display:none}
.aels-rd-levelhead{display:flex;align-items:center;gap:14px;margin:0 0 14px}
.aels-rd-levelhead h2{margin:0;font-size:21px;color:#15343d}.aels-rd-levelhead p{margin:2px 0 0;color:#687a80;font-size:14px}
.aels-rd-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 10px;border-radius:11px;background:var(--c,#1f7a5f);color:#fff;font-weight:800;font-size:15px;letter-spacing:.5px}
.aels-rd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.aels-rd-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #dde6e1;border-top:5px solid var(--c);border-radius:18px;padding:16px 18px 14px;text-decoration:none;color:inherit;box-shadow:0 6px 18px rgba(21,52,61,.05);transition:transform .15s,box-shadow .15s}
.aels-rd-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(21,52,61,.1)}
.aels-rd-unit{font-size:12.5px;font-weight:700;color:var(--c)}
.aels-rd-card h3{margin:2px 0 0;font-size:19px;color:#15343d;line-height:1.3}
.aels-rd-card p{margin:0;color:#5b6f66;font-size:14px;line-height:1.6}
.aels-rd-meta{margin-top:auto;padding-top:10px;display:flex;gap:10px;align-items:center;font-size:13px;color:#687a80}
.aels-rd-meta b{margin-inline-start:auto;color:var(--c)}.aels-rd-done{background:#e5f5ec;color:#145b4c;border-radius:8px;padding:1px 8px;font-weight:700}
.aels-rd-crumb{margin:0 0 12px}.aels-rd-crumb a{color:#1d5649;font-weight:700;text-decoration:none}
.aels-rd-article{position:relative;background:#fff;border:1px solid #dde6e1;border-top:6px solid var(--c);border-radius:22px;padding:24px 26px 26px;box-shadow:0 10px 28px rgba(21,52,61,.07);margin:0 0 18px}
.aels-rd-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:#687a80;margin-bottom:8px}
.aels-rd-article h1{margin:0 0 14px;font-size:30px;color:#15343d;line-height:1.25}
.aels-rd-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 14px;background:#f3f8f5;border:1px solid #dcebe4;border-radius:14px}
.aels-rd-speed button{border:1px solid #cfe0d7;background:#fff;border-radius:8px;padding:5px 10px;font:inherit;font-size:13px;cursor:pointer;margin-inline-start:4px}
.aels-rd-speed button.is-active{background:#1f7a5f;color:#fff;border-color:#1f7a5f}
.aels-rd-switch{margin-inline-start:auto;display:inline-flex;gap:8px;align-items:center;font-weight:700;color:#1d5649;font-size:14px;cursor:pointer}
.aels-rd-tip{color:#687a80;font-size:13.5px;margin:10px 2px 14px}
.aels-rd-text{font-size:20px;line-height:2;color:#1c2f36}
.aels-rd-para{padding:6px 12px;border-radius:12px;border-inline-start:4px solid transparent;transition:background .2s}
.aels-rd-para.now{background:#eef8f2;border-color:#2f8f6a}
.aels-rd-para p{margin:0}.aels-rd-en{direction:ltr;text-align:left;font-family:Georgia,"Times New Roman",serif}
.aels-rd-tr{direction:rtl;text-align:right;font-size:17px;line-height:1.9;color:#5b6f66;margin-top:2px!important;padding-top:4px;border-top:1px dashed #dbe7e1}
.aels-rd-tr[hidden]{display:none}
.aels-st-w{cursor:pointer;color:#145b4c;border-bottom:2px solid #6fbf9c;background:rgba(111,191,156,.12);border-radius:4px;padding:0 2px;transition:background .15s}
.aels-st-w:hover,.aels-st-w.is-on{background:#bfe6d2}
.aels-rd-gloss-pop{position:absolute;z-index:20;background:#15343d;color:#fff;border-radius:12px;padding:8px 12px;display:flex;gap:10px;align-items:center;font-size:16px;box-shadow:0 8px 22px rgba(0,0,0,.25);white-space:nowrap;font-family:system-ui,Arial,sans-serif}
.aels-rd-gloss-pop[hidden]{display:none}.aels-rd-gloss-pop b{font-weight:700}.aels-rd-gloss-pop span{color:#ffd978;font-size:17px}
.aels-rd-gloss-pop button{all:unset;cursor:pointer;font-size:16px}
.aels-rd-words h3,.aels-rd-quiz h3{margin:0 0 12px;color:#145b4c;font-size:20px}.aels-rd-words small{color:#687a80;font-weight:400}
.aels-rd-wordgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.aels-rd-wordcard{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:2px;background:#f6fbf8;border:1px solid #dcebe4;border-radius:12px;padding:9px 12px}
.aels-rd-wordcard:hover{background:#e9f6ef}.aels-rd-wordcard .en{font-weight:700;color:#15343d;direction:ltr;text-align:left}.aels-rd-wordcard .ar{color:#5b6f66;text-align:right;font-size:15px}
.aels-rd-xa{margin-top:4px;color:#5b6f66}
.aels-rd-next{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:6px 0 30px}
.aels-rd-empty{padding:30px;text-align:center;color:#687a80}
.aels-unit-story{margin-top:0}
@media(max-width:640px){.aels-rd-article{padding:18px 14px 20px}.aels-rd-article h1{font-size:25px}.aels-rd-text{font-size:18px;line-height:1.95}.aels-rd-switch{margin-inline-start:0;width:100%}}

.aels-rd-summary{margin:0 0 14px;color:#1d5649;font-weight:700}
.aels-rd-lvl{font-style:normal;margin-inline-start:auto;background:var(--c);color:#fff;border-radius:7px;padding:0 7px;font-size:11.5px;letter-spacing:.4px}
.aels-rd-unit{display:flex;align-items:center;gap:8px}
.aels-rd-card.is-locked{background:#f6f7f6;border-top-color:#b9c4bf}.aels-rd-card.is-locked h3,.aels-rd-card.is-locked p{opacity:.62}
.aels-rd-card.is-locked .aels-rd-lvl{background:#9aa8a2}
.aels-rd-lock{display:block;margin-top:4px;font-size:13.5px;font-weight:700;color:#8a5a12;background:#fff6e6;border:1px solid #f0dcae;border-radius:10px;padding:6px 10px}
.aels-rd-bar{display:block;height:6px;border-radius:99px;background:#e3ebe7;overflow:hidden;margin:8px 0 2px}.aels-rd-bar i{display:block;height:100%;background:#2f8f6a}
.aels-rd-more{margin:22px 0 6px;color:#687a80;text-align:center;font-size:14px}
.aels-rd-lockbox{text-align:center;padding:36px 24px}.aels-rd-lockicon{font-size:46px}.aels-rd-lockbox h2{margin:6px 0 10px;color:#15343d}
.aels-rd-lockbox p{max-width:560px;margin:8px auto;line-height:1.8}.aels-rd-lockbox .aels-rd-lock{display:inline-block}
.aels-rd-lockbox .aels-rd-bar{max-width:320px;margin:10px auto 16px}
.aels-rd-locked-btn{background:#9aa8a2!important;cursor:default}
.aels-unit-story.is-locked{background:#f8f9f8}

.aels-rd-voice{display:inline-flex;gap:6px;align-items:center;font-size:13.5px;font-weight:700;color:#1d5649}
.aels-rd-voice[hidden]{display:none}
.aels-rd-voice select{max-width:210px;border:1px solid #cfe0d7;border-radius:8px;padding:5px 8px;font:inherit;font-size:13px;background:#fff;color:#15343d}
.aels-flow{background:linear-gradient(135deg,#f1f8f4,#fff);border:1px solid #cfe3da;border-radius:18px;padding:16px 20px;margin:0 0 16px}
.aels-flow-steps{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0 0 12px;padding:0}
.aels-flow-steps li{display:inline-flex;align-items:center;gap:7px;color:#8a9a93;font-weight:700;font-size:14px}
.aels-flow-steps li b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#e3ebe7;color:#6b7c75;font-size:13px}
.aels-flow-steps li.is-done{color:#2f8f6a}.aels-flow-steps li.is-done b{background:#2f8f6a;color:#fff}
.aels-flow-steps li.is-now{color:#145b4c}.aels-flow-steps li.is-now b{background:#1f7a5f;color:#fff;box-shadow:0 0 0 4px rgba(31,122,95,.18)}
.aels-flow-msg{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.aels-flow-msg p{margin:0;font-weight:700;color:#15343d;flex:1 1 260px}
.aels-rd-continue{margin:0 0 14px;border-color:#7fc6a4;background:#e9f6ef}
.aels-after-quiz{margin-top:12px}

.aels-rd-inline{margin-top:16px;border-top:1px dashed #dbe7e1;padding-top:16px}
.aels-rd-inline .aels-reading{max-width:none}
.aels-unit-story{scroll-margin-top:80px}

.aels-lock-badge.is-sequence{background:#fff6e6;color:#8a5a12;border-color:#f0dcae}
.aels-flow.is-gated{background:#fff9ee;border-color:#f0dcae}