@font-face{font-family:KalimiNaskh;src:url('../noto-naskh-arabic-regular.ttf') format('truetype');font-display:swap}
.kc-app{--kc-ink:#193e36;--kc-gold:#ab8545;color:var(--kc-ink);max-width:1800px;margin:0 auto;font-family:Arial,sans-serif}
.kc-app *{box-sizing:border-box}.kc-app [hidden]{display:none!important}.kc-subjects{display:flex;flex-wrap:wrap;gap:10px 24px;border-bottom:1px solid #d5ddd4;padding:0 0 16px;margin-bottom:22px}.kc-subjects a{color:#65766b;text-decoration:none;font-size:14px;padding:6px 0}.kc-subjects a[aria-current]{color:#193e36;font-weight:700;border-bottom:2px solid #ab8545}.kc-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.kc-eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:#8c744a;margin:0 0 10px}.kc-intro h1{font-size:clamp(21px,2.1vw,32px);line-height:1.3;letter-spacing:-.7px;margin:0 0 10px}.kc-intro p:not(.kc-eyebrow){font-size:14px;line-height:1.7;margin:0;color:#627267}.kc-seal{font:34px KalimiNaskh,serif;white-space:nowrap;color:#8f7444;border:1px solid #dcd5c4;border-radius:50%;padding:16px 22px}
.kc-workspace{background:#f6f5ef;border:1px solid #d6dccc;border-radius:12px;overflow:hidden;isolation:isolate}.kc-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 18px;background:#fffef9;border-bottom:1px solid #d6dccc}.kc-search{min-width:170px;flex:1;max-width:270px}.kc-search span{display:block;font-size:11px;font-weight:bold;margin-bottom:6px;color:#6c766c}.kc-search input{width:100%;border:1px solid #cbd5ca;background:#fff;border-radius:6px;padding:9px 12px;font-size:16px;min-height:38px;color:#193e36}.kc-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.kc-app button{cursor:pointer}.kc-controls button,.kc-dialog-top button,.kc-dialog-bottom button{font:12px Arial,sans-serif;min-height:38px;border:1px solid #cbd5ca;border-radius:6px;background:#fffef9;color:#193e36;padding:8px 12px}.kc-controls button:hover,.kc-dialog button:hover{background:#edf2e9}.kc-controls .kc-primary{background:#193e36;color:#fff;border-color:#193e36}.kc-controls .kc-primary:hover{background:#275c4b}.kc-controls button:disabled{opacity:.45;cursor:default}.kc-controls output{font-size:11px;min-width:39px;text-align:center}.kc-controls #kc-matches{font-size:11px;max-width:110px;text-align:center}.kc-app :focus-visible{outline:3px solid #ba882e;outline-offset:3px}.kc-viewport{height:clamp(470px,68vh,1000px);overflow:auto;padding:14px;overscroll-behavior:contain;position:relative;direction:ltr;background:#eaece3;background-image:radial-gradient(#c8cfc1 .7px,transparent .7px);background-size:16px 16px}.kc-viewport #kc-size{position:relative;margin:0 auto;width:1500px}.kc-chart{width:1500px;padding:22px 28px;background:#fffef9;color:#193e36;border-top:9px solid #193e36;transform-origin:top left;font:18px/1.5 KalimiNaskh,serif;box-shadow:0 4px 25px #193e3612}
.kc-chart header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b39355;padding-bottom:12px;margin-bottom:12px}.kc-chart .identity p{font-size:12px;color:#6b8175;margin:0}.kc-chart h1{font-size:40px;font-weight:400;margin:0;line-height:1.35}.kc-chart h1 span{font-size:24px;color:#9e793e;margin-right:22px}.kc-chart .header-left{font-size:15px;line-height:1.5}.kc-chart .header-left strong{font-size:20px}.kc-chart .learning-path{display:flex;align-items:center;justify-content:center;gap:14px;font-size:16px;margin-bottom:12px}.kc-chart .learning-path>b{background:#193e36;color:white;border-radius:5px;padding:4px 14px}.kc-chart .step i{font-style:normal;color:#a78345;margin-left:7px}.kc-chart .arrow{color:#a78345}.kc-chart .root-label{width:290px;margin:auto;text-align:center;background:#193e36;color:white;border-radius:7px;font-size:20px}.kc-chart .tree{height:26px;position:relative;background:linear-gradient(#ba9d60,#ba9d60) center top/1px 50% no-repeat}.kc-chart .tree:after{content:'';position:absolute;top:50%;left:13%;right:16%;height:50%;border-top:1px solid #ba9d60;border-left:1px solid #ba9d60;border-right:1px solid #ba9d60}.kc-chart .columns{display:grid;grid-template-columns:1.42fr .85fr .9fr 1.13fr;gap:12px;align-items:stretch}.kc-chart .column{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg);padding:0 9px 10px;display:flex;flex-direction:column;gap:8px;min-width:0}.kc-chart .n{--accent:#245c4c;--line:#bad2c3;--bg:#f0f6ef}.kc-chart .m{--accent:#275569;--line:#bdced4;--bg:#f1f6f7}.kc-chart .h{--accent:#79523c;--line:#dcc9bb;--bg:#faf5ee}.kc-chart .a{--accent:#685275;--line:#d2c5d7;--bg:#f7f3f8}.kc-chart .column-title{margin:0 -9px;background:var(--accent);color:white}.kc-chart .column-title>button{display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;text-align:right}.kc-chart .letter{font-size:46px;line-height:1}.kc-chart h2{font-size:27px;font-weight:400;margin:0;line-height:1.1}.kc-chart .column-title small{display:block;font-size:13px}.kc-chart .total{margin-right:auto;font-size:13px;line-height:1.4}.kc-chart .box{background:#fffefb;border:1px solid var(--line);border-radius:5px;padding:9px}.kc-chart h3{color:var(--accent);font-size:19px;line-height:1.35;margin:0 0 6px;font-weight:600}.kc-chart h3>button{display:flex;align-items:center;gap:8px;width:100%;text-align:right}.kc-chart .count{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;min-width:22px;height:22px;font-size:14px;font-weight:400}.kc-chart h3 small{font-size:11px;font-weight:400;margin-right:auto}.kc-chart ol{padding:0;margin:0;list-style:none}.kc-chart li{display:flex;align-items:baseline;gap:4px;font-size:17px;line-height:1.5}.kc-chart li>b{font-weight:400;font-size:12px;color:var(--accent);min-width:14px}.kc-chart li>span{flex:1;min-width:0}.kc-chart li button{display:block;width:100%;text-align:right;padding:1px 3px}.kc-chart .noun-list{display:grid;grid-template-rows:repeat(7,auto);grid-auto-flow:column;grid-template-columns:1fr 1fr;column-gap:12px}.kc-chart .two-cols{display:grid;grid-template-rows:repeat(4,auto);grid-auto-flow:column;grid-template-columns:1fr 1fr;gap:0 8px}.kc-chart .m .two-cols{grid-template-rows:repeat(2,auto)}.kc-chart .verb-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.kc-chart .verb-branch{border-right:2px solid var(--line);padding-right:4px;min-width:0}.kc-chart .verb-branch h3{font-size:16px}.kc-chart .verb-branch li{font-size:13px;gap:1px;line-height:1.65}.kc-chart .verb-branch li>b{font-size:11px;min-width:10px}.kc-chart .micro{font-size:13px;margin:8px 0 0;line-height:1.55}.kc-chart .pair>button{display:flex;gap:8px;align-items:baseline;width:100%;border-top:1px solid #e4eadf;padding:4px 0}.kc-chart .pair b{font-size:15px;min-width:115px;font-weight:400;color:var(--accent)}.kc-chart .pair span{font-size:13px}.kc-chart .scope{font-size:15px;line-height:1.6}.kc-chart .mini-note{font-size:13px;line-height:1.6;margin-top:auto;color:#5b655c;padding:5px 3px}.kc-chart .pills{display:grid;grid-template-columns:1fr 1fr;gap:4px}.kc-chart .pills>span{background:var(--bg);border-radius:3px;text-align:center;font-size:16px}.kc-chart .pills button{width:100%;padding:3px}.kc-chart .formula{font-size:18px;text-align:center;padding:5px;background:var(--bg)}.kc-chart .formula em{font-style:normal;color:#ab8352}.kc-chart .math{font-size:16px;text-align:center;color:var(--accent);margin-top:6px}.kc-chart table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5}.kc-chart th,.kc-chart td{border-bottom:1px solid var(--line);padding:3px 2px;text-align:center;vertical-align:middle}.kc-chart th{background:var(--bg);font-weight:400;color:var(--accent)}.kc-chart th:first-child,.kc-chart td:first-child{text-align:right}.kc-chart td:first-child{white-space:nowrap}.kc-chart tbody tr:nth-child(even){background:#faf9f5}.kc-chart td button{width:100%;text-align:inherit}.kc-chart .matrix{table-layout:fixed;font-size:16px;margin-top:8px}.kc-chart .matrix td,.kc-chart .matrix th{border:1px solid var(--line);padding:6px 2px;text-align:center}.kc-chart .matrix th:first-child{font-size:12px}.kc-chart .sign-row{font-size:16px;margin:4px 0}.kc-chart .sign-row>b{display:block;font-size:15px;color:var(--accent)}.kc-chart .sign-row>span{display:block}.kc-chart .table-note{font-size:12px;margin:5px 0 0}.kc-chart .noun-list li:nth-child(-n+4),.kc-chart .verb-branch:nth-child(2) li:nth-child(-n+2){background:#e8f0e4;border-radius:3px}.kc-chart .khobar{border-top:1px solid var(--line);margin-top:7px;padding-top:5px;font-size:14px;color:var(--accent)}.kc-chart .khobar>div{display:flex;gap:4px;justify-content:space-between;margin-top:4px}.kc-chart .khobar span{background:var(--bg);padding:2px 4px;font-size:12px;border-radius:3px}.kc-chart .footer{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;align-items:center;border-top:1px solid #d8dcca;margin-top:12px;padding-top:9px;font-size:13px;color:#496259}.kc-chart .link-map{display:flex;gap:6px;align-items:center}.kc-chart .link-map i{font-style:normal;color:#ab8545}.kc-chart .footer b{font-weight:400}.kc-chart .footer .instruction{font-size:12px}.kc-chart button{font:inherit;color:inherit;background:transparent;border:0;padding:0;border-radius:3px;line-height:inherit}.kc-chart button:hover{background:#d6b46530;box-shadow:inset 0 0 0 1px #b28c4a80}.kc-chart .column-title button:hover,.kc-chart .root-label button:hover{background:#ffffff20}.kc-chart .root-label button{width:100%;padding:6px}.kc-chart .kc-match{background:#fff0a5!important;box-shadow:inset 0 0 0 2px #b48925!important;color:#263c2c}.kc-chart .kc-match-current{outline:3px solid #193e36;outline-offset:1px}
.kc-statusbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:11px 18px;font-size:11px;line-height:1.5;color:#657366;border-top:1px solid #d6dccc;background:#fffef9}.kc-credit{font:16px KalimiNaskh,serif;text-align:center;color:#788376;margin:18px 0}.kc-workspace:fullscreen,.kc-workspace.kc-expanded{width:100%;height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column;background:#eaece3}.kc-workspace.kc-expanded{position:fixed;inset:0;z-index:10000}.kc-workspace:fullscreen .kc-viewport,.kc-workspace.kc-expanded .kc-viewport{flex:1;min-height:0;height:auto}.kc-workspace:fullscreen .kc-toolbar,.kc-workspace.kc-expanded .kc-toolbar{flex-shrink:0}.kc-locked{overflow:hidden!important}.kc-noscript{padding:16px;font-size:14px}
.kc-dialog{padding:0;border:1px solid #d1d9ca;border-radius:14px;width:min(900px,94vw);max-height:90dvh;color:#193e36;background:#fffef9;box-shadow:0 24px 100px #102c3355;overflow:auto;overscroll-behavior:contain}.kc-dialog::backdrop{background:#102b2ac4;backdrop-filter:blur(4px)}.kc-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:2;background:#fffef9;border-bottom:1px solid #d7decf;padding:14px 24px}.kc-dialog-top>span{font:10px Arial,sans-serif;letter-spacing:1.4px;color:#817044}.kc-dialog #kc-detail{padding:24px 32px;font:21px/1.85 KalimiNaskh,serif}.kc-dialog h2{font-size:34px;line-height:1.5;margin:0 0 10px;font-weight:500}.kc-dialog h3{font-size:24px;margin:20px 0 8px}.kc-dialog h4{font-size:21px;margin:0 0 8px}.kc-detail-label{font-size:15px;color:#6e8276;margin:0 0 5px}.kc-rule{border-right:4px solid #b58d46;background:#f2f4e9;padding:16px 20px;border-radius:6px;margin:14px 0;font-size:23px}.kc-examples{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.kc-example{border:1px solid #d7dfd1;border-radius:8px;padding:14px 18px;background:white}.kc-example p{font-size:24px;margin:0 0 6px}.kc-example small{font-size:17px;color:#637769;display:block;line-height:1.7}.kc-caution{background:#faf3e4;border-right:3px solid #b58d46;padding:14px 18px;font-size:18px}.kc-table-wrap{overflow:auto;max-width:100%;margin:15px 0;border:1px solid #d5ddcf;border-radius:7px}.kc-dialog table{width:100%;border-collapse:collapse;font-size:17px;line-height:1.7;min-width:460px}.kc-dialog th,.kc-dialog td{text-align:right;padding:10px 14px;border-bottom:1px solid #d5ddcf}.kc-dialog th{background:#eef2e8;font-weight:600}.kc-dialog tr:nth-child(even){background:#f7f8f1}.kc-lesson-section+.kc-lesson-section{border-top:1px solid #d5ddcf;margin-top:28px;padding-top:12px}.kc-dialog details{background:#f2f5ee;border-radius:6px;margin:10px 0;padding:12px 18px;font-size:18px}.kc-dialog summary{cursor:pointer;font-weight:bold}.kc-dialog details p{margin:8px 0}.kc-dialog-bottom{position:sticky;bottom:0;background:#fffef9;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 24px;border-top:1px solid #d7decf}.kc-dialog-bottom span{font:11px Arial,sans-serif;color:#798575}
.kc-readable .kc-chart{width:100%;transform:none!important}.kc-readable #kc-size{width:100%!important;height:auto!important}.kc-readable .columns{grid-template-columns:repeat(2,minmax(0,1fr))}.kc-readable .tree{display:none}.kc-readable .root-label{margin-bottom:16px}.kc-readable .learning-path{flex-wrap:wrap}.kc-readable .kc-chart header{gap:15px;flex-wrap:wrap}.kc-readable .kc-chart h1 span{display:block;margin:0}.kc-readable .kc-chart li{font-size:19px;line-height:1.7}.kc-readable .kc-chart .verb-branch li{font-size:14px}.kc-readable .kc-chart .column{gap:10px}.kc-readable .kc-chart td button{min-height:30px}
@media(max-width:760px){.kc-intro{margin-bottom:16px}.kc-seal{display:none}.kc-intro h1{font-size:23px}.kc-toolbar{padding:12px;gap:10px}.kc-search{max-width:none;flex-basis:65%;min-width:120px}.kc-controls button{padding:8px 9px}.kc-controls:last-child{width:100%}.kc-controls #kc-matches{max-width:70px}.kc-viewport{padding:8px;height:68dvh}.kc-readable .columns{grid-template-columns:1fr}.kc-readable .kc-chart{padding:16px 12px}.kc-readable .kc-chart .header-left{font-size:14px}.kc-readable .kc-chart h1{font-size:33px}.kc-readable .kc-chart h1 span{font-size:20px}.kc-readable .kc-chart .learning-path{gap:7px;font-size:14px}.kc-readable .kc-chart .learning-path .arrow{display:none}.kc-readable .kc-chart .root-label{max-width:100%}.kc-readable .kc-chart .noun-list{grid-template-rows:none;grid-auto-flow:row;grid-template-columns:1fr}.kc-readable .kc-chart .verb-cols{grid-template-columns:1fr}.kc-readable .kc-chart .verb-branch li{font-size:18px}.kc-readable .kc-chart .verb-branch{margin-bottom:10px}.kc-readable .kc-chart .pair>button{flex-wrap:wrap;gap:0 8px}.kc-readable .kc-chart .link-map{flex-wrap:wrap}.kc-readable .kc-chart table{font-size:13px}.kc-statusbar{padding:10px 12px}.kc-dialog{width:96vw;max-height:94dvh;border-radius:9px}.kc-dialog #kc-detail{padding:18px;font-size:20px}.kc-dialog h2{font-size:28px}.kc-examples{grid-template-columns:1fr}.kc-dialog-top{padding:10px 14px}.kc-dialog-top>span{font-size:9px}.kc-dialog-bottom{padding:10px 14px}.kc-dialog-bottom button{font-size:11px}.kc-credit{font-size:14px}}
/* Override the library's generic wide data-table and centered button defaults. */
.kc-chart table{min-width:0;max-width:100%}.kc-chart th,.kc-dialog th{position:static;letter-spacing:0;text-transform:none}.kc-chart button{display:inline-block}.kc-chart .column-title>button,.kc-chart h3>button,.kc-chart .pair>button{display:flex;justify-content:flex-start}.kc-chart li button{display:block}.kc-chart .matrix th:first-child{width:25%}
@media(prefers-reduced-motion:reduce){.kc-app *{scroll-behavior:auto!important}}