@font-face{font-family:Kalimi;src:url(../noto-naskh-arabic-regular.ttf) format('truetype');font-display:swap}
.kl-app{--ink:#173c36;--green:#175b4d;--gold:#a47d3e;--line:#d7e2d9;--paper:#fffefa;font-family:Kalimi,serif;color:var(--ink);font-size:22px;line-height:1.9;max-width:1240px;margin:auto;overflow-wrap:anywhere}
.kl-app *{box-sizing:border-box}.kl-app [hidden]{display:none!important}.kl-app a{color:var(--green)}.kl-app h1,.kl-app h2,.kl-app h3{font-family:inherit;line-height:1.5;letter-spacing:0}.kl-app h2{font-size:34px;margin:0 0 16px}.kl-app h3{font-size:26px;margin:26px 0 12px}.kl-app p{margin:12px 0}.kl-app button,.kl-app select,.kl-app input,.kl-app textarea{font:inherit;color:inherit}.kl-app button,.kl-app .kl-pagination a{border:1px solid var(--line);border-radius:10px;padding:7px 18px;background:var(--paper);cursor:pointer;text-decoration:none}.kl-app button:hover,.kl-app .kl-pagination a:hover{border-color:var(--green);background:#edf5ee}.kl-app button:disabled{cursor:default;opacity:.65}.kl-app :focus-visible{outline:3px solid #bb923e;outline-offset:3px}.kl-app button[aria-pressed=true]{color:white;background:var(--green)}.kl-app input,.kl-app select,.kl-app textarea{border:1px solid #b7ccc1;border-radius:9px;background:white;padding:8px 12px;width:100%;min-width:0}.kl-app textarea{resize:vertical}.kl-back{display:inline-block;font-size:18px;margin-bottom:14px}.kl-cover{display:grid;grid-template-columns:1fr 250px;gap:32px;align-items:center;padding:45px;background:#123f36;color:#f9f7e9;border-radius:18px;border-bottom:5px solid #b99553}.kl-cover h1{font-size:66px;font-weight:400;margin:10px 0}.kl-kicker{font-size:17px;letter-spacing:.02em;color:#47695c}.kl-cover .kl-kicker{color:#c0d6c5}.kl-subtitle{font-size:29px}.kl-author{font-size:19px;color:#cfddce}.kl-counts{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.kl-counts span{border:1px solid #5e8372;border-radius:100px;padding:1px 12px;font-size:16px}.kl-compass{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-3deg)}.kl-compass div{border:1px solid #94ab8e;aspect-ratio:1;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center}.kl-compass b{font-size:45px;line-height:1.3;color:#dec18a;font-weight:400}.kl-compass span{font-size:18px}.kl-modes{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.kl-modes a{padding:10px 22px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:white}.kl-modes a[aria-current=page]{background:var(--green);color:white}.kl-tabs{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:12px 0;font-size:19px}.kl-tabs a{text-decoration:none;padding:4px 0}.kl-tabs a[aria-current=page]{border-bottom:3px solid var(--gold);font-weight:bold}.kl-settings{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0;color:#597266;font-size:16px}.kl-settings button{padding:2px 12px}.kl-settings>div{display:flex;gap:6px}.kl-settings p{flex:1;min-width:170px}.kl-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.kl-sidebar{position:sticky;top:20px;background:#edf3ed;padding:20px;border-radius:14px;font-size:18px}.kl-sidebar nav{display:grid;gap:7px;margin:16px 0}.kl-sidebar nav a{padding:7px 11px;border-radius:6px;text-decoration:none}.kl-sidebar nav a[aria-current=page]{background:#d6e6d8;font-weight:bold}.kl-article{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:34px}.kl-whole{max-width:950px;margin:auto}.kl-aim{color:#536c5c}.kl-rule{background:#eaf2e9;border-right:4px solid var(--green);border-radius:8px;padding:20px 25px;margin:24px 0;font-size:24px}.kl-warning{background:#faf1df;border-right:4px solid var(--gold);padding:16px 20px;border-radius:8px;font-size:20px}.kl-examples{display:grid;gap:12px}.kl-example{padding:14px 20px;background:#f4f5ef;border-right:3px solid #b8cbb8;border-radius:8px}.kl-example p{font-size:28px;margin:0 0 3px}.kl-example span{color:#52695e;font-size:19px}.kl-app details{border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:12px 0}.kl-app summary{cursor:pointer;font-size:21px}.kl-case summary span{font-size:16px;color:#647267;display:inline-block;margin-right:10px}.kl-table-scroll{overflow-x:auto;max-width:100%;margin:16px 0}.kl-app table{border-collapse:collapse;width:100%;min-width:620px;font-size:18px;line-height:1.8}.kl-app td,.kl-app th{padding:12px;border:1px solid var(--line);text-align:right;vertical-align:top;min-width:110px}.kl-app th{background:#e5eee6}.kl-app tr:nth-child(even) td{background:#f7f8f2}.kl-practice{border:2px solid #a9c9b2;background:#f4f9f2;border-radius:14px;padding:23px;margin:28px 0}.kl-practice h3{margin-top:0}.kl-activity-tabs{display:flex;gap:8px;flex-wrap:wrap;font-size:18px;margin-bottom:20px}.kl-answer-options{display:grid;gap:9px}.kl-answer-options button{text-align:right;background:white}.kl-answer-options button.kl-right{background:#e0f1dc;border-color:#488843}.kl-answer-options button.kl-wrong{background:#fbe9e1;border-color:#ad5d42}.kl-feedback-good,.kl-feedback-bad{padding:14px;border-radius:10px;margin-top:16px}.kl-feedback-good{background:#e0efdb;color:#214f27}.kl-feedback-bad{background:#f9e9df;color:#74402b}.kl-practice label{display:block;margin:10px 0}.kl-score{font-size:30px;color:var(--green)}.kl-review-actions{display:flex;gap:8px;flex-wrap:wrap;font-size:18px;margin-top:15px}.kl-pagination{display:flex;justify-content:space-between;gap:15px;margin-top:30px}.kl-static-questions>ol{padding-right:26px}.kl-static-questions li{margin:13px 0}.kl-static-questions ul{font-size:20px}.kl-intro{padding:25px 0}.kl-filter{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:15px;font-size:18px}.kl-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kl-card{display:flex;gap:16px;border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:22px;text-decoration:none;transition:transform .15s,border-color .15s}.kl-card:hover{transform:translateY(-3px);border-color:#699f7d}.kl-number{font-size:28px;color:var(--gold)}.kl-card h3{margin:4px 0;font-size:24px}.kl-card p{font-size:18px;margin:7px 0}.kl-card small{font-size:15px;color:#607965}.kl-card-status{font-size:16px;color:#547b49}.kl-management{margin-top:25px!important;font-size:18px}.kl-footer{padding:35px 10px;text-align:center;font-size:17px;color:#597160}.kl-large .kl-article{font-size:26px}.kl-small .kl-article{font-size:19px}.kl-apply{margin-top:28px}.kl-practice select{margin:6px 0}.kl-practice .kl-step{font-size:16px;color:#58715e}.kl-result-grid{display:grid;gap:8px}.kl-result-grid>div{border-right:3px solid #79a179;padding:8px 12px;background:white;font-size:18px}
@media(max-width:1000px){.kl-map{grid-template-columns:repeat(2,minmax(0,1fr))}.kl-layout{grid-template-columns:210px minmax(0,1fr)}.kl-article{padding:24px}.kl-cover{grid-template-columns:1fr 180px;padding:30px}.kl-compass b{font-size:35px}}
@media(max-width:700px){.kl-app{font-size:21px}.kl-cover{display:block;padding:25px}.kl-cover h1{font-size:48px}.kl-subtitle{font-size:25px}.kl-compass{display:none}.kl-layout{display:block}.kl-sidebar{position:static;margin-bottom:15px}.kl-sidebar nav{display:none}.kl-map{grid-template-columns:1fr}.kl-filter{grid-template-columns:1fr}.kl-modes a{flex:1;text-align:center;padding:9px 12px;white-space:nowrap;font-size:18px}.kl-tabs{gap:12px;font-size:18px}.kl-article{padding:20px 16px}.kl-app h2{font-size:29px}.kl-app h3{font-size:24px}.kl-rule{padding:16px;font-size:22px}.kl-practice{padding:16px 12px}.kl-activity-tabs button{flex:1;padding:7px 10px;font-size:17px}.kl-review-actions button{flex:1}.kl-card{padding:19px}.kl-settings{gap:8px}.kl-app td,.kl-app th{padding:10px}.kl-pagination{font-size:18px}}
.kl-print-page{display:block;width:100%;height:auto;margin-top:20px;border:1px solid var(--line)}.kl-print-jump{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px;font-size:18px}.kl-print-jump input[type=number]{width:100px}.kl-print-jump input[type=hidden]{display:none}
@media(prefers-reduced-motion:reduce){.kl-card{transition:none}.kl-card:hover{transform:none}}
@media print{.kl-sidebar,.kl-settings,.kl-tabs,.kl-modes,.kl-back,.kl-practice,.kl-review-actions,.kl-management{display:none}.kl-layout{display:block}.kl-article{border:0}.kl-cover{background:white;color:black}.kl-app details{break-inside:avoid}}

/* Memorisation-first edition: each stage has its own task. */
.kl-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:24px 0}.kl-journey a{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:13px;text-decoration:none;font-size:18px;background:var(--paper)}.kl-journey b{font-size:30px;color:var(--gold)}.kl-journey a[aria-current=step]{background:#e4efdf;border-color:var(--green)}.kl-phase-guide{padding:18px;background:#edf3e9;border-radius:10px;font-size:19px}.kl-phase-guide p:last-child{font-size:17px;color:#526c58}.kl-memory-card{border:1px solid var(--line);padding:20px;border-radius:12px;margin:20px 0}.kl-memory-card h3{margin-top:0}.kl-memory-card ol,.kl-recall-list,.kl-order-answer{padding-right:32px}.kl-memory-card li{padding:3px 8px;border-bottom:1px solid #e8ede3}.kl-self-check{font-size:17px;color:#61745f}.kl-order-pool{display:flex;flex-wrap:wrap;gap:8px}.kl-order-pool button{background:white}.kl-order-answer{min-height:50px;background:white;border:1px dashed #a4b79c;border-radius:8px}.kl-recall-answer{padding:15px;background:white;border-right:3px solid var(--green)}.kl-recalling .kl-memory-card,.kl-recalling .kl-examples{display:none}
@media(max-width:1000px){.kl-journey{grid-template-columns:1fr 1fr}.kl-journey a:last-child{grid-column:1/-1}}@media(max-width:450px){.kl-journey{grid-template-columns:1fr}.kl-journey a{font-size:18px;padding:9px 13px}.kl-memory-card{padding:14px}.kl-order-pool{display:grid}}