.ci-shell{max-width:1500px;margin:0 auto;padding:24px;color:#18324b;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
.ci-hero{background:linear-gradient(135deg,#12385c,#176b62);color:#fff;border-radius:24px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.ci-kicker{font-size:12px;font-weight:800;letter-spacing:2px;opacity:.8}.ci-hero h1{font-size:38px;margin:8px 0}.ci-hero p{margin:0;opacity:.9}
.ci-home,.ci-back{color:inherit;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:10px 14px;border-radius:12px}.ci-back{color:#24577f;border-color:#d5e1ea;background:#fff}
.ci-alert{margin:18px 0;padding:14px 16px;background:#fff4e5;border:1px solid #f0d39e;border-radius:12px}
.ci-tools{margin:20px 0 14px;display:flex;justify-content:space-between;align-items:end;gap:20px}.ci-tools h2{margin:0}.ci-tools p{margin:4px 0 0;color:#6b7d8f}.ci-tools input{width:min(360px,100%);height:46px;border:1px solid #d7e1ea;border-radius:12px;padding:0 14px;font-size:16px}
.ci-surah-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ci-surah-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:16px;background:#fff;border:1px solid #e0e8ef;border-radius:16px;text-decoration:none;color:#18324b;transition:.15s}.ci-surah-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(20,55,80,.08);border-color:#9ec4c0}.ci-number{width:42px;height:42px;display:grid;place-items:center;background:#eaf5f2;border-radius:12px;font-weight:800}.ci-surah-info{display:grid}.ci-surah-info strong{font-size:17px}.ci-surah-info small{color:#718196;margin-top:3px}.ci-arab-name{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:27px;color:#176b62}
.ci-reader-head{margin-top:20px;background:#fff;border:1px solid #e0e8ef;border-radius:18px;padding:20px}.ci-title{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.ci-title h2{font-size:30px;margin:3px 0}.ci-title p{margin:0;color:#718196}.ci-title-arab{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:42px;color:#176b62}.ci-reader-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.ci-reader-tools button{border:1px solid #d6e1e9;background:#f7fafc;border-radius:10px;padding:9px 12px;cursor:pointer}
.ci-ayah-list{display:grid;gap:14px;margin-top:14px}.ci-ayah{background:#fff;border:1px solid #e0e8ef;border-radius:18px;padding:22px}.ci-ayah-top{display:flex;justify-content:space-between}.ci-ayah-no{background:#eaf5f2;color:#176b62;border-radius:10px;padding:6px 9px;font-weight:800}.ci-bookmark{border:0;background:transparent;font-size:28px;cursor:pointer}.ci-bookmark.active{color:#d99a00}.ci-arab{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:var(--quran-font,36px);line-height:2.05;text-align:right;margin:18px 0}.ci-latin{font-size:14px;color:#587087;font-style:italic;line-height:1.7}.ci-translation{margin-top:10px;line-height:1.75;font-size:16px}.ci-nav{display:flex;justify-content:space-between;margin:18px 0}.ci-nav a{background:#176b62;color:#fff;text-decoration:none;padding:11px 15px;border-radius:11px}.ci-source{font-size:12px;color:#718196;text-align:center;padding:20px}
@media(max-width:900px){.ci-surah-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ci-shell{padding:12px}.ci-hero{padding:22px;align-items:flex-start}.ci-hero h1{font-size:30px}.ci-home{font-size:13px}.ci-tools{align-items:stretch;flex-direction:column}.ci-tools input{width:100%}.ci-surah-grid{grid-template-columns:1fr}.ci-title-arab{font-size:34px}.ci-arab{font-size:var(--quran-font,31px)}.ci-ayah{padding:17px}.ci-title{align-items:flex-start}.ci-reader-tools button{flex:1 1 auto}}

.ci-modebar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.ci-modebar a,.ci-modebar button{border:1px solid #d7e1ea;background:#fff;color:#18324b;text-decoration:none;padding:11px 15px;border-radius:12px;font-weight:700;cursor:pointer}.ci-modebar .active{background:#176b62;color:#fff;border-color:#176b62}
.ci-mushaf-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;background:#fff;border:1px solid #e0e8ef;border-radius:18px;padding:18px 22px;margin-bottom:14px}.ci-mushaf-toolbar small{font-weight:800;letter-spacing:1.5px;color:#176b62}.ci-mushaf-toolbar h2{margin:4px 0}.ci-mushaf-toolbar h2 span{font-size:15px;color:#7a8997}.ci-mushaf-toolbar p{margin:0;color:#718196}.ci-page-jump{display:flex;gap:8px;align-items:end}.ci-page-jump label{font-size:13px;color:#607386}.ci-page-jump input{display:block;width:100px;padding:9px;border:1px solid #d5e0e8;border-radius:9px}.ci-page-jump button{padding:10px 14px;border:0;border-radius:9px;background:#176b62;color:#fff}
.ci-mushaf-page{max-width:920px;margin:0 auto;background:#fffdf5;border:1px solid #d9cfb3;border-radius:10px;padding:26px 34px 18px;box-shadow:0 12px 35px rgba(65,53,28,.08)}.ci-mushaf-top{display:flex;justify-content:space-between;color:#786b4c;border-bottom:1px solid #ded4ba;padding-bottom:9px;margin-bottom:14px}.ci-surah-divider{display:flex;justify-content:space-between;align-items:center;background:#e9e0c4;border:1px solid #d1c29d;border-radius:8px;padding:8px 14px;margin:13px 0}.ci-surah-divider strong{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:25px}.ci-mushaf-ayah{padding:5px 0}.ci-mushaf-arab{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:var(--quran-font,36px);line-height:2.15;text-align:right;color:#1d2d2b}.ci-verse-mark{font-size:.72em;color:#176b62;white-space:nowrap}.ci-mushaf-translation{font-size:14px;line-height:1.7;color:#586a72;border-bottom:1px dotted #ddd2b8;padding:4px 0 10px}.ci-page-number{text-align:center;margin-top:14px;color:#7d7154;font-weight:800}.ci-mushaf-actions{max-width:920px;margin:12px auto}.ci-mushaf-actions button{flex:1}.ci-mushaf-translation[hidden]{display:none}
@media(max-width:620px){.ci-mushaf-toolbar{align-items:stretch;flex-direction:column}.ci-page-jump{justify-content:space-between}.ci-mushaf-page{padding:18px 15px 12px}.ci-mushaf-arab{font-size:var(--quran-font,31px);line-height:2}.ci-surah-divider strong{font-size:22px}.ci-modebar>*{flex:1;text-align:center}}

.ci-original-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;background:#fff;border:1px solid #e0e8ef;border-radius:18px;padding:18px 22px;margin-bottom:14px}.ci-original-toolbar small{font-weight:800;letter-spacing:1.4px;color:#78622f}.ci-original-toolbar h2{margin:4px 0}.ci-original-toolbar h2 span{font-size:15px;color:#7a8997}.ci-original-toolbar p{margin:0;color:#718196}
.ci-original-stage{padding:18px;background:#e9e4d6;border-radius:18px;overflow:auto}.ci-original-page{width:min(100%,760px);min-height:980px;margin:auto;background:#fffdf1;border:8px double #b89c59;box-shadow:0 14px 40px rgba(57,44,19,.16);padding:20px 26px 18px;position:relative}.ci-original-page:before{content:"";position:absolute;inset:7px;border:1px solid #d7c693;pointer-events:none}.ci-original-header,.ci-original-footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;color:#6e5c30;font-family:serif}.ci-original-header{border-bottom:1px solid #cdbb83;padding:0 5px 9px}.ci-original-header strong{font-size:18px}.ci-original-text{position:relative;z-index:1;text-align:justify;text-align-last:center;font-family:"Noto Naskh Arabic","Amiri","Scheherazade New",serif;font-size:var(--quran-font,34px);line-height:2.05;color:#171710;padding:14px 7px}.ci-original-ayah{display:inline}.ci-original-ayah b{font-size:.68em;font-weight:500;color:#6d5a2a;white-space:nowrap;margin:0 2px}.ci-original-surah{display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(90deg,transparent,#e7d9aa 15%,#f6efd8 50%,#e7d9aa 85%,transparent);border-top:1px solid #cdbb83;border-bottom:1px solid #cdbb83;margin:9px 0 12px;padding:5px 15px;color:#5c4b25}.ci-original-surah span{font-family:system-ui;font-size:11px}.ci-original-surah strong{font-size:25px}.ci-original-footer{justify-content:center;gap:16px;border-top:1px solid #cdbb83;padding-top:8px}.ci-original-note{max-width:920px;margin:12px auto 0;padding:10px 14px;border-radius:10px;background:#fff8df;color:#6e603e;font-size:12px;text-align:center}
@media(max-width:620px){.ci-original-toolbar{align-items:stretch;flex-direction:column}.ci-original-stage{padding:7px}.ci-original-page{min-height:690px;border-width:5px;padding:14px 10px}.ci-original-text{font-size:var(--quran-font,27px);line-height:1.95;padding:10px 4px}.ci-original-surah{gap:10px;padding:4px 8px}.ci-original-surah strong{font-size:21px}}

/* Tajwid colors: visual aid, deliberately distinct and high contrast */
.ci-original-text .tj-h,.ci-original-text .tj-ghn{color:#159a6b!important}.ci-original-text .tj-ikhf{color:#d62976!important}.ci-original-text .tj-iqlb{color:#8d35c4!important}.ci-original-text .tj-idgh,.ci-original-text .tj-idgh_ghn{color:#1769e0!important}.ci-original-text .tj-qlq{color:#e97816!important}.ci-original-text .tj-m,.ci-original-text .tj-madd{color:#df3b2f!important}.ci-original-text .tj-slnt{color:#9a7a45!important}
.ci-original-page.tajwid-off [class^="tj-"]{color:inherit!important}
.ci-tajwid-legend{max-width:920px;margin:12px auto;background:#fff;border:1px solid #dce5ec;border-radius:16px;padding:16px 18px}.ci-tajwid-head{display:flex;justify-content:space-between;align-items:end;gap:15px;border-bottom:1px solid #edf1f4;padding-bottom:10px}.ci-tajwid-head small{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#176b62}.ci-tajwid-head h3{margin:3px 0 0}.ci-tajwid-head>span{font-size:12px;color:#718196}.ci-tajwid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.ci-tajwid-grid>div{display:grid;grid-template-columns:24px 1fr;column-gap:8px;align-items:center;padding:9px;background:#f8fafb;border-radius:10px}.ci-tajwid-grid small{grid-column:2;color:#6c7e8e}.tjdot{width:18px;height:18px;border-radius:50%;display:block}.tjdot.mad{background:#df3b2f}.tjdot.idgh{background:#1769e0}.tjdot.iqlb{background:#8d35c4}.tjdot.ikhfa{background:#d62976}.tjdot.ghn{background:#159a6b}.tjdot.qal{background:#e97816}.ci-tajwid-note{margin:12px 0 0;padding:10px 12px;background:#eef7ff;border-radius:9px;color:#4c6477;font-size:12px}
@media(max-width:620px){.ci-tajwid-head{align-items:flex-start;flex-direction:column}.ci-tajwid-grid{grid-template-columns:1fr 1fr}.ci-tajwid-grid>div{grid-template-columns:20px 1fr}.tjdot{width:15px;height:15px}}

/* v0.5.0 — final single-page Mushaf layout */
.ci-original-toolbar{max-width:980px;margin:14px auto;box-sizing:border-box}
.ci-single-nav{max-width:980px;margin:10px auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.ci-single-nav-top>a,.ci-single-nav-top>.disabled{width:46px;height:42px;display:grid;place-items:center;border:1px solid #d6e1e8;border-radius:11px;background:#fff;color:#174b74;text-decoration:none;font-size:28px;font-weight:700}
.ci-single-nav-top>a:last-child,.ci-single-nav-top>.disabled:last-child{justify-self:end}
.ci-single-nav-top>.disabled{opacity:.35}
.ci-single-page-form{display:flex;align-items:center;justify-content:center;gap:8px;color:#617486;font-size:13px}
.ci-single-page-form input{width:72px;height:42px;text-align:center;border:1px solid #cddae3;border-radius:10px;background:#fff;color:#173652;font-weight:800;font-size:16px}
.ci-single-stage{max-width:1100px;margin:0 auto;padding:24px 18px;background:#ebe7dc;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box}
.ci-single-stage .ci-original-page{width:min(100%,760px);min-height:0;aspect-ratio:0.72;margin:0 auto;box-sizing:border-box;overflow:hidden}
.ci-single-stage .ci-original-text{max-width:100%;margin:0 auto}
.ci-single-stage .ci-original-header,.ci-single-stage .ci-original-footer{width:100%;box-sizing:border-box}
.ci-mushaf-actions,.ci-tajwid-legend,.ci-original-note{max-width:980px}
.ci-single-nav-bottom{margin-top:12px}
.ci-single-nav-bottom a{background:#176b62;color:#fff;text-decoration:none;padding:11px 15px;border-radius:11px;font-weight:700}
.ci-single-nav-bottom .ci-page-next{justify-self:end}
.ci-single-nav-bottom strong{min-width:42px;height:42px;display:grid;place-items:center;background:#fff;border:1px solid #d6e1e8;border-radius:50%;color:#174b74}
@media(min-width:1100px){
 .ci-single-stage .ci-original-page{width:760px}
}
@media(max-width:700px){
 .ci-original-toolbar{margin-top:10px}
 .ci-single-stage{padding:8px 5px;border-radius:12px}
 .ci-single-stage .ci-original-page{width:100%;border-width:4px;padding:12px 9px;aspect-ratio:auto}
 .ci-single-page-form span:first-child{display:none}
 .ci-single-nav{gap:7px}
 .ci-single-nav-top>a,.ci-single-nav-top>.disabled{width:42px;height:40px}
 .ci-single-page-form input{width:62px;height:40px}
 .ci-single-nav-bottom a{font-size:12px;padding:10px}
}

/* v0.7.0 — QCF4 Madinah 604-page renderer, no API credentials */
.ci-qcf4-page{display:flex;flex-direction:column;justify-content:center;gap:0;min-height:900px;padding:28px 34px!important;box-sizing:border-box}
.ci-qcf4-line{height:54px;display:flex;direction:rtl;justify-content:center;align-items:center;white-space:nowrap;overflow:visible}
.ci-qcf4-word{display:inline-block;font-size:40px;line-height:1}
.ci-qcf4-special{height:62px}
.ci-qcf4-special .ci-qcf4-word{font-size:47px;max-width:100%}
.ci-qcf4-error{direction:ltr;font-family:system-ui,-apple-system,Segoe UI,sans-serif;text-align:center;margin:auto;padding:28px;max-width:520px;background:#fff8df;border:1px solid #dfcf9c;border-radius:14px;color:#66562e}
@media(max-width:800px){
 .ci-qcf4-page{min-height:auto;padding:18px 8px!important}
 .ci-qcf4-line{height:42px;transform-origin:center center}
 .ci-qcf4-word{font-size:29px}
 .ci-qcf4-special{height:50px}.ci-qcf4-special .ci-qcf4-word{font-size:34px}
}
@media(max-width:430px){
 .ci-qcf4-line{height:36px}
 .ci-qcf4-word{font-size:24px}
 .ci-qcf4-special .ci-qcf4-word{font-size:29px}
}

/* v0.7.1 font/glyph recovery */
.ci-qcf4-word{font-synthesis:none;text-rendering:optimizeLegibility}
.ci-qcf4-line{font-family:'QCF4_PAGE'!important}
.ci-qcf4-surah_header,.ci-qcf4-bismillah{font-family:'QCF4_QBSML'!important}

/* v0.7.2 exact QCF4 font-family mapping */
.ci-qcf4-page,.ci-qcf4-line{font-variant-ligatures:normal}
.ci-qcf4-word{font-family:'QCF4_PAGE'!important;font-weight:normal!important}
.ci-qcf4-surah_header,.ci-qcf4-bismillah{font-family:'QCF4_QBSML'!important}

/* v0.8.0 sticky Quran audio player */
.ci-audio-player{position:sticky;bottom:10px;z-index:50;max-width:980px;margin:18px auto 8px;padding:12px 14px;background:rgba(8,53,82,.96);color:#fff;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.18);backdrop-filter:blur(10px)}
.ci-audio-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.ci-audio-top div{display:flex;flex-direction:column}.ci-audio-top small{font-size:9px;letter-spacing:.12em;color:#8fe1ce}.ci-audio-top strong{font-size:14px;margin-top:2px}
.ci-audio-player select{background:#fff;color:#173652;border:0;border-radius:9px;padding:8px}
.ci-audio-controls{display:flex;align-items:center;gap:8px;margin-top:9px}.ci-audio-controls button{width:40px;height:36px;border:0;border-radius:9px;background:#fff;color:#173652;font-size:16px}.ci-audio-controls .primary{background:#16a085;color:#fff}.ci-audio-controls #ciAudioStatus{margin-left:auto;font-size:11px;color:#cfe9e3}
@media(max-width:600px){.ci-audio-player{bottom:5px;margin:10px 5px;padding:10px}.ci-audio-top{align-items:stretch;flex-direction:column}.ci-audio-top select{width:100%}.ci-audio-controls{justify-content:center}.ci-audio-controls #ciAudioStatus{display:none}}

/* v0.8.1 audio follow/highlight + Tahsin practice pause */
.ci-audio-active{outline:3px solid rgba(22,160,133,.35)!important;background:rgba(22,160,133,.08)!important;border-radius:12px;transition:.2s}
.ci-audio-progress{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;align-items:center;margin-top:7px;font-size:10px;color:#cfe9e3}
.ci-audio-progress input{width:100%;accent-color:#35c6a5}
#ciAudioPause{max-width:130px}
@media(max-width:600px){#ciAudioPause{max-width:105px;font-size:11px}.ci-audio-progress{grid-template-columns:36px 1fr 36px}}

/* v0.9.0 Tahsin Learning Center */
.ci-tahsin{max-width:1180px;margin:auto;padding:18px}.ci-tahsin-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;border-radius:20px;background:linear-gradient(135deg,#073958,#0d6b67);color:#fff}.ci-tahsin-hero h1{margin:5px 0 8px}.ci-tahsin-hero p{max-width:760px;margin:0;line-height:1.6;color:#dbeceb}.ci-kicker{font-size:10px;letter-spacing:.14em;color:#8fe1ce}.ci-tahsin-hero a,.ci-tahsin-practice a{white-space:nowrap;background:#fff;color:#0b5a58;text-decoration:none;padding:12px 16px;border-radius:11px;font-weight:800}
.ci-tahsin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 24px}.ci-tahsin-stats div{background:#fff;border:1px solid #e3eaee;border-radius:14px;padding:15px;text-align:center}.ci-tahsin-stats b{display:block;font-size:21px;color:#0d6b67}.ci-tahsin-stats span{font-size:11px;color:#71808c}
.ci-tahsin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.ci-tahsin-card{position:relative;background:#fff;border:1px solid #e1e8ec;border-radius:16px;padding:18px;box-shadow:0 5px 16px rgba(19,53,74,.05)}.ci-tahsin-num{position:absolute;right:13px;top:12px;color:#b6c2ca;font-weight:800}.ci-tahsin-icon{font-size:27px}.ci-level{display:inline-block;margin:8px 0 2px;padding:3px 8px;border-radius:20px;background:#e7f6f1;color:#087163;font-size:9px;font-weight:800}.ci-tahsin-card h3{margin:6px 0}.ci-tahsin-card p{font-size:12px;color:#657784;line-height:1.55;min-height:57px}.ci-tahsin-card button,.ci-tahsin-card a{border:0;background:none;color:#0a7168;font-weight:800;text-decoration:none;padding:0;cursor:pointer}
.ci-tahsin-practice{margin-top:20px;padding:20px 24px;border-radius:17px;background:#fff7dc;border:1px solid #ead9a2;display:flex;align-items:center;justify-content:space-between;gap:18px}.ci-tahsin-practice h2{margin:3px 0}.ci-tahsin-practice p{margin:0;color:#756744}.ci-tahsin-practice a{background:#0d6b67;color:#fff}
.ci-tahsin-modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.5);display:grid;place-items:center;padding:15px}.ci-tahsin-modal[hidden]{display:none}.ci-tahsin-modal>div{position:relative;max-width:620px;background:#fff;padding:28px;border-radius:18px}.ci-tahsin-modal button{position:absolute;right:12px;top:10px;border:0;background:#edf2f4;border-radius:50%;width:32px;height:32px;font-size:20px}.ci-note{margin-top:16px;padding:12px;background:#eef8f5;border-radius:10px;color:#41645e;font-size:12px}
@media(max-width:800px){.ci-tahsin-grid{grid-template-columns:1fr 1fr}.ci-tahsin-stats{grid-template-columns:1fr 1fr}.ci-tahsin-hero,.ci-tahsin-practice{align-items:stretch;flex-direction:column}}@media(max-width:520px){.ci-tahsin{padding:8px}.ci-tahsin-grid{grid-template-columns:1fr}.ci-tahsin-hero{padding:20px}}

/* v0.9.1 force-visible Tahsin entry */
.ci-tahsin-entry{max-width:1180px;margin:10px auto 14px}
.ci-tahsin-entry a{display:flex!important;align-items:center;gap:12px;padding:13px 16px;border-radius:14px;background:linear-gradient(135deg,#0b5d62,#0b3859);color:#fff!important;text-decoration:none!important;box-shadow:0 7px 20px rgba(10,55,78,.15)}
.ci-tahsin-entry span{font-size:25px}.ci-tahsin-entry strong{font-size:14px}.ci-tahsin-entry small{margin-left:auto;color:#cce7e4;font-size:11px}
@media(max-width:600px){.ci-tahsin-entry{margin:8px 5px 12px}.ci-tahsin-entry a{flex-wrap:wrap}.ci-tahsin-entry small{width:100%;margin-left:37px}}

/* v1.0.0 Tahsin lesson detail + local progress */
.ci-progress-card{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:16px;background:#fff;border:1px solid #e2e9ed;border-radius:14px;padding:13px 16px;margin-bottom:22px}.ci-progress-card div:first-child{display:flex;flex-direction:column}.ci-progress-card span{font-size:10px;color:#71808c}.ci-progress-track{height:9px;background:#e7eef0;border-radius:20px;overflow:hidden}.ci-progress-track i{display:block;height:100%;width:0;background:#15977f;border-radius:20px;transition:.3s}
.ci-tahsin-card.completed{border-color:#80cdbd;background:#f6fffc}.ci-tahsin-card.completed:after{content:'✓';position:absolute;right:38px;top:10px;color:#15977f;font-weight:900}
.ci-tahsin-lesson{width:min(680px,100%);box-sizing:border-box}.ci-lesson-block{margin:12px 0;padding:12px 14px;background:#f5f9fa;border-radius:11px}.ci-lesson-block b{color:#0b6961}.ci-lesson-block p{margin:5px 0 0;line-height:1.6;color:#536773}.ci-lesson-actions{display:flex;gap:9px;margin:15px 0}.ci-lesson-actions a,.ci-lesson-actions button{border:0;border-radius:10px;padding:10px 13px;text-decoration:none;font-weight:800;cursor:pointer}.ci-lesson-actions a{background:#0d6b67;color:#fff}.ci-lesson-actions button{background:#e8f5f1;color:#087163}
@media(max-width:600px){.ci-progress-card{grid-template-columns:1fr}.ci-lesson-actions{flex-direction:column}}

/* v1.0.1 real server-rendered Tahsin lesson pages */
.ci-real-lesson{max-width:900px}.ci-back{display:inline-block;margin:6px 0 14px;color:#0b6961;text-decoration:none;font-weight:800}.ci-lesson-hero{display:flex;align-items:center;gap:17px;padding:24px;border-radius:18px;background:linear-gradient(135deg,#083c59,#0c6d67);color:#fff}.ci-lesson-hero>span{font-size:44px}.ci-lesson-hero small{color:#8fe1ce;font-size:10px;letter-spacing:.13em}.ci-lesson-hero h1{margin:4px 0}.ci-lesson-content,.ci-lesson-practice{margin-top:14px;padding:22px;background:#fff;border:1px solid #e1e9ed;border-radius:15px}.ci-lesson-content p,.ci-lesson-content li,.ci-lesson-practice p{line-height:1.75;color:#536773}.ci-lesson-content li{margin:7px 0}.ci-lesson-practice{background:#fff8df;border-color:#ead9a2}.ci-lesson-practice a{display:inline-block;margin-top:5px;background:#0d6b67;color:#fff;text-decoration:none;padding:10px 14px;border-radius:9px;font-weight:800}.ci-real-done{margin:14px 0;border:0;border-radius:10px;background:#e5f5ef;color:#087163;padding:11px 15px;font-weight:800;cursor:pointer}.ci-real-done.done{background:#15977f;color:#fff}

/* v1.1.0 Tahsin Academy detailed lessons and examples */
.ci-academy-detail{margin-top:14px}.ci-academy-section{padding:20px 22px;margin:10px 0;background:#fff;border:1px solid #e1e9ed;border-radius:15px}.ci-academy-section h2{margin:0 0 7px;color:#0a625d}.ci-academy-section p{margin:0;line-height:1.8;color:#536773}
.ci-example-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.ci-example-grid article{padding:17px;background:#f8fbfb;border:1px solid #dfe9e9;border-radius:13px}.ci-example-grid small{font-weight:800;color:#0b7169}.ci-arabic-example{font-family:"Amiri","Noto Naskh Arabic","Traditional Arabic",serif;font-size:29px;line-height:1.9;text-align:center;color:#173f48;padding:8px 4px}.ci-example-grid p{font-size:12px;line-height:1.6;color:#657784;margin:4px 0}
.ci-mistakes{margin-top:12px;padding:18px 21px;background:#fff7f2;border:1px solid #f0d8ca;border-radius:14px}.ci-mistakes h2{color:#985b3d;margin-top:0}.ci-mistakes li{margin:7px 0;color:#725d52}
.ci-practice-steps{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:13px 0}.ci-practice-steps span{background:#fff;border:1px solid #e1cf94;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:800;color:#705f2f}.ci-practice-steps b{color:#b39a51}
@media(max-width:650px){.ci-example-grid{grid-template-columns:1fr}.ci-arabic-example{font-size:25px}}

/* v1.2.0 Tahsin Academy premium visual refresh */
.ci-tahsin{--ink:#183b48;--muted:#6b7d85;--green:#087267;--soft:#f4faf8;background:linear-gradient(180deg,#f7fbfb 0,#fff 420px);border-radius:24px}
.ci-tahsin-hero{position:relative;overflow:hidden;padding:34px 36px;border-radius:24px;background:linear-gradient(125deg,#082f4b 0%,#075b62 58%,#13806e 100%);box-shadow:0 16px 40px rgba(6,52,70,.16)}
.ci-tahsin-hero:after{content:'۞';position:absolute;right:24%;top:-50px;font-size:180px;color:rgba(255,255,255,.035);font-family:serif}.ci-tahsin-hero h1{font-size:clamp(25px,3vw,38px);letter-spacing:-.02em}.ci-tahsin-hero a{position:relative;box-shadow:0 7px 20px rgba(0,0,0,.12)}
.ci-tahsin-stats{gap:13px}.ci-tahsin-stats div{padding:18px 12px;border:0;box-shadow:0 7px 24px rgba(27,69,82,.07)}.ci-tahsin-stats b{font-size:24px}.ci-tahsin-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.ci-section-title{display:flex;align-items:center;gap:13px;margin:26px 0 14px}.ci-section-title>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e4f4ef;font-size:23px}.ci-section-title small,.ci-content-heading small{font-size:9px;color:#15917e;letter-spacing:.13em;font-weight:900}.ci-section-title h2{margin:2px 0}.ci-section-title p{margin:0;color:#75858c;font-size:12px}
.ci-tahsin-grid{gap:15px}.ci-tahsin-card{overflow:hidden;padding:21px;border:0;box-shadow:0 8px 26px rgba(25,62,76,.075);transition:transform .18s,box-shadow .18s}.ci-tahsin-card:before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(#15977f,#8dd8c7)}.ci-tahsin-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(25,62,76,.12)}.ci-tahsin-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eff8f5}.ci-tahsin-card h3{color:var(--ink);font-size:16px}.ci-tahsin-card p{color:var(--muted)}.ci-tahsin-card a.ci-tahsin-open{display:inline-flex;margin-top:5px;padding:8px 12px;border-radius:9px;background:#edf8f5;color:#087267!important}
.ci-progress-card{border:0;box-shadow:0 7px 24px rgba(27,69,82,.07)}.ci-progress-track{height:10px}.ci-progress-track i{background:linear-gradient(90deg,#0b7468,#36b798)}
.ci-breadcrumb{display:flex;gap:8px;align-items:center;margin:5px 0 14px;font-size:11px;color:#7a898f}.ci-breadcrumb a{color:#087267;text-decoration:none;font-weight:800}.ci-breadcrumb b{color:#50646d}.ci-lesson-hero{padding:30px 32px;border-radius:22px;box-shadow:0 14px 35px rgba(8,55,75,.15);background:linear-gradient(125deg,#073753,#086760)}.ci-lesson-hero>span{display:grid;place-items:center;width:70px;height:70px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:20px}.ci-lesson-hero h1{font-size:clamp(25px,4vw,36px)}
.ci-lesson-toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.ci-lesson-toolbar span{padding:10px;text-align:center;border-radius:10px;background:#edf7f4;color:#38645e;font-size:10px;font-weight:800}
.ci-lesson-content,.ci-academy-section,.ci-example-grid article,.ci-lesson-practice{border:0;box-shadow:0 7px 25px rgba(28,64,78,.065)}.ci-lesson-content{padding:25px}.ci-content-heading{display:flex;align-items:center;gap:11px;margin-bottom:11px}.ci-content-heading>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e4f4ef;color:#087267;font-weight:900}.ci-content-heading h2{margin:1px 0!important;color:#183b48!important}.ci-content-heading small{display:block}
.ci-academy-section{position:relative;padding:23px 25px}.ci-academy-section:before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:#86cdbf}.ci-academy-section h2{font-size:17px}
.ci-example-grid{gap:14px}.ci-example-grid article{position:relative;background:linear-gradient(180deg,#fff,#f8fcfb);padding:20px;border-radius:16px}.ci-example-grid article:after{content:'مثال';position:absolute;right:12px;top:9px;color:#dbe9e5;font:700 18px serif}.ci-arabic-example{margin:8px 0;background:#f0f8f5;border-radius:12px;padding:13px;font-size:31px;color:#103d45}
.ci-mistakes{border:0;background:linear-gradient(135deg,#fff7f1,#fff);box-shadow:0 7px 22px rgba(113,73,45,.06)}.ci-mistakes .ci-content-heading>span{background:#fde9dc;color:#a65c34}
.ci-lesson-practice{background:linear-gradient(135deg,#fff9df,#fffdf4);padding:24px}.ci-practice-steps{gap:8px}.ci-practice-steps span{background:#fff;box-shadow:0 3px 10px rgba(110,91,38,.06)}
.ci-real-done{box-shadow:0 5px 14px rgba(14,113,96,.08);transition:.2s}.ci-real-done:hover{transform:translateY(-1px)}
@media(max-width:760px){.ci-lesson-toolbar{grid-template-columns:1fr 1fr}.ci-tahsin-hero{padding:25px 22px}.ci-lesson-hero{padding:23px 20px}.ci-lesson-hero>span{width:55px;height:55px;font-size:31px}}@media(max-width:430px){.ci-tahsin{border-radius:15px}.ci-tahsin-stats{gap:8px}.ci-tahsin-stats div{padding:13px 7px}.ci-tahsin-card{padding:18px}.ci-lesson-toolbar{grid-template-columns:1fr 1fr}.ci-arabic-example{font-size:27px}}

/* v1.3.0 Tahsin example Quran audio */
.ci-example-audio{display:inline-flex;align-items:center;gap:5px;margin-top:8px;border:0;border-radius:9px;padding:8px 10px;background:#e8f5f1;color:#087267;font-size:10px;font-weight:900;cursor:pointer}.ci-example-audio:hover,.ci-example-audio.active{background:#0c766b;color:#fff}
.ci-tahsin-audio{margin:16px 0;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#082f4b,#086760);color:#fff;box-shadow:0 10px 25px rgba(7,58,73,.14)}.ci-tahsin-audio>div:first-child{display:flex;align-items:center;gap:11px}.ci-audio-disc{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:rgba(255,255,255,.13)}.ci-tahsin-audio small{display:block;color:#8fe1ce;font-size:8px;letter-spacing:.11em}.ci-tahsin-audio b{display:block;margin-top:2px;font-size:12px}.ci-tahsin-audio-controls{display:flex;gap:7px;margin-top:12px}.ci-tahsin-audio-controls select,.ci-tahsin-audio-controls button{min-height:35px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;padding:6px 9px;font-size:10px}.ci-tahsin-audio-controls select{flex:1}.ci-tahsin-audio-controls select option{color:#222}.ci-mini-progress{height:3px;background:rgba(255,255,255,.14);margin-top:11px;border-radius:5px;overflow:hidden}.ci-mini-progress i{display:block;width:0;height:100%;background:#77dfc4;transition:width .15s}
@media(max-width:560px){.ci-tahsin-audio-controls{flex-wrap:wrap}.ci-tahsin-audio-controls select{width:100%;flex-basis:100%}}

/* v1.4.0 interactive huruf -> harakat -> word -> Quran lab */
.ci-huruf-lab{margin:16px 0;padding:24px;background:linear-gradient(145deg,#f2faf7,#fff);border-radius:18px;box-shadow:0 8px 28px rgba(22,70,74,.07)}.ci-lab-intro{color:#5d7278;line-height:1.65}.ci-pair-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.ci-pair-tabs button{border:1px solid #d4e6e1;background:#fff;color:#335e5a;border-radius:10px;padding:8px 12px;font-size:17px;cursor:pointer}.ci-pair-tabs button.active{background:#0b7168;color:#fff;border-color:#0b7168}.ci-huruf-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ci-huruf-card{padding:21px;background:#fff;border-radius:17px;box-shadow:0 7px 22px rgba(25,66,74,.08);text-align:center}.ci-letter{font:700 64px/1.25 "Amiri","Noto Naskh Arabic",serif;color:#123f49}.ci-huruf-card h3{margin:0;color:#0a6c63}.ci-huruf-card p{min-height:36px;color:#6b7c82;font-size:11px}.ci-speak,.ci-quran,.ci-lab-sequence button{border:0;border-radius:9px;padding:8px 11px;background:#e8f5f1;color:#087267;font-weight:800;cursor:pointer}.ci-harakat{display:flex;justify-content:center;gap:7px;margin:13px 0}.ci-harakat button{font:700 24px "Amiri","Noto Naskh Arabic",serif}.ci-harakat small{font:10px sans-serif;margin-left:4px}.ci-word{margin:12px 0;padding:12px;background:#f6faf9;border-radius:12px}.ci-word small{display:block;color:#7b8d91;font-size:8px;letter-spacing:.1em}.ci-word b{display:block;font:700 30px/1.7 "Amiri","Noto Naskh Arabic",serif;color:#183f47}.ci-word button{font-family:inherit}.ci-quran{background:#0b7168;color:#fff}.ci-lab-sequence{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding:12px;background:#fff;border-radius:12px}.ci-source-note{margin-top:11px;padding:10px 12px;border-radius:10px;background:#fff7dc;color:#6e633f;font-size:10px;line-height:1.55}
@media(max-width:650px){.ci-huruf-lab{padding:16px}.ci-huruf-cards{grid-template-columns:1fr}.ci-letter{font-size:55px}}

/* v1.5.0 authentic qari word audio */
.ci-authentic-lab .ci-harakat span{display:inline-grid;place-items:center;min-width:48px;padding:8px;border-radius:10px;background:#f1f7f5;font:700 26px "Amiri","Noto Naskh Arabic",serif;color:#173f48}
.ci-word-sound,.ci-ayah-sound{border:0;border-radius:9px;padding:8px 11px;font-weight:800;cursor:pointer}.ci-word-sound{background:#e7f5f1;color:#087267}.ci-ayah-sound{background:#0b7168;color:#fff}.ci-auth-player{margin-top:15px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#082f4b,#086760);color:#fff}.ci-auth-player>div:first-child{display:flex;gap:10px;align-items:center}.ci-auth-player small{display:block;font-size:8px;letter-spacing:.12em;color:#8fe1ce}.ci-auth-player b{font-size:11px}.ci-auth-progress{height:4px!important;margin:10px 0;background:rgba(255,255,255,.15);border-radius:5px;overflow:hidden}.ci-auth-progress i{display:block;height:100%;width:0;background:#7ce1c8}.ci-auth-player button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff;border-radius:8px;padding:6px 10px;font-size:10px}

/* v1.6.0 complete 29 Hijaiyah */
.ci-all-huruf{grid-template-columns:repeat(3,1fr)!important}.ci-all-huruf .ci-huruf-card{padding:15px}.ci-all-huruf .ci-letter{font-size:49px}.ci-all-huruf .ci-huruf-card p{min-height:32px}.ci-all-huruf .ci-harakat span{min-width:39px;padding:6px;font-size:22px}.ci-all-huruf .ci-word b{font-size:25px}
@media(max-width:900px){.ci-all-huruf{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.ci-all-huruf{grid-template-columns:1fr!important}}

/* v1.7.0 structured learning path */
.ci-tahsin-path{margin:16px 0 22px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#073c4f,#0a776c);color:#fff;box-shadow:0 12px 30px rgba(5,65,70,.16)}.ci-path-head{display:flex;justify-content:space-between;align-items:center}.ci-path-head small{color:#8fe2cf;font-size:8px;letter-spacing:.14em}.ci-path-head h2{margin:3px 0 0;font-size:17px}.ci-path-head>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);font-weight:900}.ci-path-line{display:flex;align-items:flex-start;overflow-x:auto;padding:18px 2px 8px}.ci-path-line a{min-width:52px;color:#dceceb;text-decoration:none;text-align:center;cursor:pointer}.ci-path-line a b{display:grid;place-items:center;width:31px;height:31px;margin:auto;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}.ci-path-line a span{display:block;margin-top:5px;font-size:8px}.ci-path-line a.done b{background:#78dfc5;color:#06483f}.ci-path-line i{min-width:22px;height:1px;margin-top:15px;background:rgba(255,255,255,.23)}.ci-path-actions{display:flex;align-items:center;gap:10px;margin-top:10px}.ci-path-actions button{border:0;border-radius:9px;padding:9px 13px;background:#fff;color:#08675f;font-weight:900;cursor:pointer}.ci-path-actions small{color:#b9d9d5;font-size:9px}@media(max-width:600px){.ci-tahsin-path{padding:16px}.ci-path-head h2{font-size:14px}.ci-path-actions{align-items:flex-start;flex-direction:column}}

/* v1.8.0 audio latency optimization */
.ci-speed-badge{display:inline-flex;align-items:center;gap:5px;margin:7px 0 2px;padding:6px 9px;border-radius:999px;background:#e8f7ef;color:#08705f;font-size:9px;font-weight:900;border:1px solid #ccebdd}

/* v1.9.0 listen-and-repeat practice */
.ci-practice-panel{margin:15px 0;padding:16px;border-radius:15px;background:#fff;border:1px solid #dcece8;box-shadow:0 7px 20px rgba(20,69,70,.06)}.ci-practice-panel small{display:block;color:#0a7669;font-size:8px;letter-spacing:.12em}.ci-practice-panel b{color:#183f47}.ci-practice-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-top:12px}.ci-practice-controls label{font-size:9px;color:#6d7f82}.ci-practice-controls select{display:block;margin-top:3px;border:1px solid #d8e5e2;border-radius:8px;padding:7px;background:#fff}.ci-practice-controls button{border:0;border-radius:9px;padding:8px 11px;background:#0b7168;color:#fff;font-weight:800;cursor:pointer}.ci-practice-controls button:last-child{background:#eef3f2;color:#536b6b}.ci-practice-status{margin-top:10px;padding:9px 11px;border-radius:9px;background:#f4f9f8;color:#536e70;font-size:10px}

/* v2.0.0 self assessment */
.ci-self-assess{margin-top:10px;padding-top:10px;border-top:1px solid #e2ece9}.ci-self-assess small{display:block;color:#7a8c8e;font-size:8px;letter-spacing:.1em}.ci-self-assess>span{display:block;margin:3px 0 8px;color:#526d70;font-size:10px}.ci-self-assess>div{display:flex;gap:6px;flex-wrap:wrap}.ci-self-assess button{border:1px solid #dbe8e5;background:#fff;border-radius:9px;padding:7px 9px;font-size:9px;cursor:pointer}.ci-self-assess button.picked{border-color:#0b766b;background:#e8f7f2;color:#08665d;font-weight:900}.ci-assess-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.ci-assess-summary span{padding:9px;border-radius:10px;background:rgba(255,255,255,.09);text-align:center}.ci-assess-summary b{font-size:14px}.ci-assess-summary small{display:block;margin-top:2px;color:#b9d9d5;font-size:7px}

/* v2.1.0 lesson evaluation */
.ci-tahsin-quiz{margin:18px 0;padding:18px;border-radius:16px;background:#fff;border:1px solid #dcebe7;box-shadow:0 8px 24px rgba(19,68,70,.06)}.ci-quiz-q{margin:11px 0;padding:13px;background:#f7faf9;border-radius:11px}.ci-quiz-q>b{display:block;margin-bottom:8px;color:#173f47;font-size:11px}.ci-quiz-q label{display:block;margin:6px 0;color:#566f72;font-size:10px;cursor:pointer}.ci-quiz-q input{margin-right:5px}.ci-quiz-result{margin:10px 0;padding:9px 11px;border-radius:9px;background:#eef7f4;color:#486c69;font-size:10px}.ci-tahsin-quiz>button{border:0;border-radius:9px;padding:9px 12px;background:#0b7168;color:#fff;font-weight:900;cursor:pointer}

/* v2.2.0 learning intelligence dashboard */
.ci-progress-dashboard{margin:15px 0 18px;padding:21px;border-radius:19px;background:#fff;border:1px solid #e0ebe8;box-shadow:0 10px 30px rgba(18,65,70,.07)}.ci-progress-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.ci-progress-top small,.ci-progress-next small{display:block;color:#0a776b;font-size:8px;letter-spacing:.13em}.ci-progress-top h2{margin:3px 0;font-size:18px;color:#173e47}.ci-progress-top p{margin:0;color:#738486;font-size:10px}.ci-progress-ring{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#e9f7f3;border:6px solid #bce6da;color:#08685f}.ci-progress-ring b{font-size:16px}.ci-progress-ring span{margin-top:-12px;font-size:7px}.ci-progress-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:17px 0}.ci-progress-stats article{display:flex;align-items:center;gap:8px;padding:11px;border-radius:12px;background:#f5f9f8}.ci-progress-stats article>span{font-size:19px}.ci-progress-stats b{display:block;color:#173e47;font-size:13px}.ci-progress-stats small{display:block;color:#758789;font-size:7px}.ci-progress-next{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#eef9f6,#f8fbfa)}.ci-progress-next b{display:block;margin-top:3px;color:#174b4d;font-size:11px}.ci-progress-next button{border:0;border-radius:9px;padding:9px 12px;background:#0a7167;color:#fff;font-size:9px;font-weight:900;cursor:pointer}@media(max-width:650px){.ci-progress-stats{grid-template-columns:1fr 1fr}.ci-progress-next{align-items:flex-start;flex-direction:column}.ci-progress-top h2{font-size:15px}}

/* v2.3.0 Premium Tahsin Dashboard */
.ci-premium-hero{position:relative;display:grid;grid-template-columns:1.6fr .7fr;gap:18px;overflow:hidden;margin:8px 0 15px;padding:28px 30px;border-radius:18px;background:linear-gradient(120deg,#062d50,#073c63 56%,#092a48);color:#fff;box-shadow:0 14px 36px rgba(5,40,71,.18)}.ci-premium-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 12%,rgba(255,190,85,.17),transparent 23%);pointer-events:none}.ci-hero-copy,.ci-hero-quran{position:relative;z-index:1}.ci-eyebrow{font-size:8px;font-weight:900;letter-spacing:.16em;color:#85d7e8}.ci-hero-copy h1{margin:5px 0 2px;font-size:31px;line-height:1.15}.ci-hero-copy h1 em{font-style:normal;color:#f4b64f}.ci-hero-copy h3{margin:7px 0;font-size:14px}.ci-hero-copy>p{max-width:650px;color:#c8d9e7;font-size:11px;line-height:1.65}.ci-hero-features{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.ci-hero-features>span{display:grid;grid-template-columns:auto 1fr;column-gap:7px;min-width:94px;padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.1);font-size:15px}.ci-hero-features b{font-size:9px}.ci-hero-features small{grid-column:2;color:#bcd2df;font-size:7px}.ci-hero-quran{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ci-quran-mark{font:700 27px serif;color:#f2c26e}.ci-open-book{display:grid;place-items:center;width:90px;height:65px;margin:7px;border-radius:50% 50% 12px 12px;background:linear-gradient(145deg,#d9b26b,#8c622d);font-size:42px;box-shadow:0 12px 18px rgba(0,0,0,.22)}.ci-hero-quran blockquote{margin:7px 0 0;font-size:10px}.ci-hero-quran blockquote small{display:block;color:#9fc0d5}.ci-quick-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.ci-quick-nav a{display:flex;gap:10px;align-items:center;padding:11px 13px;border-radius:12px;background:#fff;border:1px solid #e1e9ef;text-decoration:none;color:#183c56;box-shadow:0 5px 15px rgba(27,64,90,.04);font-size:18px}.ci-quick-nav b,.ci-quick-nav small{display:block}.ci-quick-nav b{font-size:10px}.ci-quick-nav small{margin-top:2px;color:#78909f;font-size:7px}
.ci-progress-dashboard{border:0!important;border-radius:16px!important;box-shadow:0 8px 25px rgba(19,57,82,.07)!important}.ci-progress-stats article{border:1px solid #edf2f5;background:#fafcfd!important}.ci-progress-next{border:1px solid #cfe4f8;background:#eef7ff!important}.ci-tahsin-path{background:#fff!important;color:#173d56!important;border:1px solid #e2eaf0;box-shadow:0 8px 25px rgba(19,57,82,.06)!important}.ci-path-head small{color:#6a42d7!important}.ci-path-line a{color:#3b5668!important}.ci-path-line a b{background:#edf3f7!important;border-color:#dbe5eb!important;color:#526b7b!important}.ci-path-line a.done b{background:#20a86f!important;color:#fff!important}.ci-path-line i{background:#dce6eb!important}.ci-path-actions small{color:#748b98!important}.ci-path-actions button{background:#0868c8!important;color:#fff!important}
@media(max-width:760px){.ci-premium-hero{grid-template-columns:1fr;padding:20px}.ci-hero-copy h1{font-size:24px}.ci-hero-quran{display:none}.ci-hero-features{display:grid;grid-template-columns:1fr 1fr}.ci-quick-nav{grid-template-columns:1fr}}

/* v2.3.1 force-visible premium layout */
.count-tahsin-premium{max-width:1180px;margin:0 auto;padding:12px 16px 30px;font-family:Arial,sans-serif}
.count-tahsin-premium .ci-premium-hero{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr)!important;padding:28px 30px!important;border-radius:18px!important;background:linear-gradient(120deg,#062d50,#073c63 56%,#092a48)!important;color:#fff!important}
.count-tahsin-premium .ci-quick-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.count-tahsin-premium .ci-progress-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:760px){.count-tahsin-premium{padding:8px}.count-tahsin-premium .ci-premium-hero{grid-template-columns:1fr!important;padding:19px!important}.count-tahsin-premium .ci-quick-nav{grid-template-columns:1fr!important}.count-tahsin-premium .ci-progress-stats{grid-template-columns:1fr 1fr!important}}

/* v2.3.2 FULL PAGE UI FIX — covers legacy Tahsin markup too */
.count-tahsin-premium{
  max-width:1180px!important;margin:18px auto!important;padding:0 18px 40px!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;color:#17364a!important
}
.count-tahsin-premium>h1,.count-tahsin-premium>h2,.count-tahsin-premium>h3{
  color:#102f49!important;font-weight:800!important;letter-spacing:-.02em!important
}
.count-tahsin-premium>p{color:#647b8a!important;line-height:1.7!important}
.count-tahsin-premium a{transition:.18s ease}
.count-tahsin-premium .ci-premium-hero h1,
.count-tahsin-premium .ci-premium-hero h3{color:#fff!important}
.count-tahsin-premium .ci-premium-hero p{color:#c8d9e7!important}

/* Any legacy summary/stat row before roadmap */
.count-tahsin-premium .ci-tahsin-stats,
.count-tahsin-premium .ci-academy-stats,
.count-tahsin-premium .ci-stats{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important
}
.count-tahsin-premium .ci-tahsin-stats>*,
.count-tahsin-premium .ci-academy-stats>*,
.count-tahsin-premium .ci-stats>*{
 background:#fff!important;border:1px solid #e3ebf1!important;border-radius:14px!important;
 padding:14px!important;box-shadow:0 6px 18px rgba(22,61,85,.06)!important
}

/* All curriculum grids/cards, including older class names */
.count-tahsin-premium .ci-tahsin-grid,
.count-tahsin-premium .ci-lesson-grid,
.count-tahsin-premium .ci-academy-grid,
.count-tahsin-premium .ci-curriculum-grid{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;margin:16px 0!important
}
.count-tahsin-premium .ci-tahsin-card,
.count-tahsin-premium .ci-lesson-card,
.count-tahsin-premium .ci-academy-card,
.count-tahsin-premium .ci-curriculum-card{
 position:relative!important;display:block!important;background:#fff!important;border:1px solid #e1e9ef!important;
 border-radius:16px!important;padding:17px 18px!important;box-shadow:0 7px 22px rgba(22,61,85,.065)!important;
 color:#17364a!important;text-decoration:none!important;overflow:hidden!important
}
.count-tahsin-premium .ci-tahsin-card:before,
.count-tahsin-premium .ci-lesson-card:before,
.count-tahsin-premium .ci-academy-card:before,
.count-tahsin-premium .ci-curriculum-card:before{
 content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#0873cf,#18a77b)
}
.count-tahsin-premium .ci-tahsin-card:hover,
.count-tahsin-premium .ci-lesson-card:hover,
.count-tahsin-premium .ci-academy-card:hover,
.count-tahsin-premium .ci-curriculum-card:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(22,61,85,.11)!important}
.count-tahsin-premium .ci-tahsin-card h3,
.count-tahsin-premium .ci-lesson-card h3,
.count-tahsin-premium .ci-academy-card h3{margin:6px 0!important;color:#153b55!important;font-size:15px!important}
.count-tahsin-premium .ci-tahsin-card p,
.count-tahsin-premium .ci-lesson-card p,
.count-tahsin-premium .ci-academy-card p{color:#6d818d!important;font-size:11px!important;line-height:1.55!important}
.count-tahsin-premium .ci-tahsin-card a,
.count-tahsin-premium .ci-lesson-card a,
.count-tahsin-premium .ci-academy-card a{
 display:inline-flex!important;margin-top:8px!important;padding:8px 11px!important;border-radius:9px!important;
 background:#edf6ff!important;color:#0868c8!important;text-decoration:none!important;font-size:10px!important;font-weight:800!important
}

/* Generic legacy blocks that had no card class */
.count-tahsin-premium .ci-section,
.count-tahsin-premium .ci-block,
.count-tahsin-premium .ci-panel{
 background:#fff!important;border:1px solid #e2eaf0!important;border-radius:15px!important;padding:17px!important;
 margin:13px 0!important;box-shadow:0 6px 18px rgba(22,61,85,.05)!important
}

/* Buttons/selects */
.count-tahsin-premium button,.count-tahsin-premium select{
 font-family:inherit!important;border-radius:9px!important
}
.count-tahsin-premium button{cursor:pointer!important}

/* Mobile */
@media(max-width:760px){
 .count-tahsin-premium{margin:8px auto!important;padding:0 10px 28px!important}
 .count-tahsin-premium .ci-tahsin-grid,
 .count-tahsin-premium .ci-lesson-grid,
 .count-tahsin-premium .ci-academy-grid,
 .count-tahsin-premium .ci-curriculum-grid{grid-template-columns:1fr!important}
 .count-tahsin-premium .ci-tahsin-stats,
 .count-tahsin-premium .ci-academy-stats,
 .count-tahsin-premium .ci-stats{grid-template-columns:1fr 1fr!important}
}

.ci-ui-version{display:inline-flex;margin:0 0 7px;padding:5px 8px;border-radius:999px;background:#e8f3ff;color:#0a66b7;font:800 8px/1.2 system-ui,sans-serif;letter-spacing:.06em}

/* v2.4.0 dashboard redesign is also inlined in Tahsin template for guaranteed rendering. */

/* COUNT Ibadah v2.8.2 - Mobile full screen + audio toggle */
.ci-audio-toggle{position:fixed;right:12px;bottom:12px;z-index:90;border:0;border-radius:999px;background:#0b3d58;color:#fff;padding:10px 14px;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.22);cursor:pointer}
body.ci-audio-hidden #ciAudioPlayer{display:none!important}
@media(max-width:767.98px){
 html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
 body .container,body .container-fluid,body .grid-child,body .site-grid,body main,body [role="main"]{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
 .ci-shell{width:100vw!important;max-width:100vw!important;margin:0!important;padding:6px!important;box-sizing:border-box!important;overflow-x:hidden!important}
 .ci-shell *{box-sizing:border-box}
 .ci-hero,.ci-modebar,.ci-original-toolbar,.ci-mushaf-toolbar,.ci-tools,.ci-reader-head,.ci-ayah-list,.ci-nav,.ci-source,.ci-tahsin-entry{max-width:100%!important}
 .ci-original-stage,.ci-single-stage{width:100%!important;max-width:100%!important;margin:0!important;padding:3px!important;overflow:hidden!important;border-radius:8px!important}
 .ci-original-page,.ci-mushaf-page{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding-left:6px!important;padding-right:6px!important;border-width:3px!important;box-shadow:none!important}
 .ci-original-text,.ci-qcf4-page,.ci-qcf4-line{max-width:100%!important;min-width:0!important}
 .ci-qcf4-line{white-space:normal!important;overflow-wrap:anywhere!important}
 .ci-single-nav{max-width:100%!important;gap:4px!important}.ci-single-page-form{min-width:0!important}.ci-single-page-form input{max-width:70px!important}
 .ci-audio-player{position:fixed!important;left:6px!important;right:6px!important;bottom:54px!important;width:auto!important;max-width:none!important;margin:0!important;z-index:80!important}
 .ci-audio-toggle{right:8px;bottom:8px;padding:9px 12px;font-size:12px}
}