:root{--kh-bg:#f7f5ef;--kh-surface:#fff;--kh-surface2:#f1ede3;--kh-text:#1e2a25;--kh-muted:#65726c;--kh-line:#ddd5c5;--kh-brand:#0f684e;--kh-brand2:#0a503b;--kh-gold:#b78935;--kh-gold2:#e5cb91;--kh-danger:#a73d34;--kh-shadow:0 12px 32px rgba(22,43,35,.08);--kh-radius:18px;--kh-reader:23px;--kh-max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--kh-bg);color:var(--kh-text);direction:rtl;font-family:"Vazirmatn","Al Jazeera",Tahoma,Arial,sans-serif;line-height:1.85}:where(html[data-khutab-theme="dark"],html[data-theme="dark"],html[data-theme="night"],html[data-mode="dark"],html[data-mode="night"],html[data-color-mode="dark"],html[data-color-scheme="dark"],html[data-bs-theme="dark"],html.dark,html.darkmode,html.dark-mode,html.dark-theme,html.theme-dark,html.theme-night,html.night,html.nightmode,html.night-mode) body,:where(body[data-khutab-theme="dark"],body[data-theme="dark"],body[data-theme="night"],body[data-mode="dark"],body[data-mode="night"],body[data-color-mode="dark"],body[data-color-scheme="dark"],body[data-bs-theme="dark"],body.dark,body.darkmode,body.dark-mode,body.dark-theme,body.theme-dark,body.theme-night,body.night,body.nightmode,body.night-mode){--kh-bg:#0f1713;--kh-surface:#17201b;--kh-surface2:#202a24;--kh-text:#f4f0e7;--kh-muted:#b4beb8;--kh-line:#354238;--kh-brand:#67c39d;--kh-brand2:#8ad7b7;--kh-gold:#dfb55d;--kh-gold2:#735d32;--kh-shadow:none;color-scheme:dark}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}.shell{width:min(var(--kh-max),calc(100% - 28px));margin-inline:auto}#header,#footer{min-height:1px}.read-progress{position:fixed;z-index:9999;right:0;top:0;height:3px;width:0;background:var(--kh-gold)}.hero{position:relative;overflow:hidden;margin:16px auto 14px;padding:30px 28px;border:1px solid var(--kh-line);border-radius:24px;background:linear-gradient(135deg,var(--kh-surface),var(--kh-surface2));box-shadow:var(--kh-shadow)}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;width:180px;height:180px;border:1px solid var(--kh-gold);transform:rotate(45deg);border-radius:38px;opacity:.55}.hero:before{left:-100px;top:-105px}.hero:after{right:-115px;bottom:-115px}.eyebrow{font-size:.86rem;font-weight:900;color:var(--kh-brand);letter-spacing:.01em}h1,h2,h3{line-height:1.4;margin:0 0 .7rem}h1{font-size:clamp(1.75rem,4vw,2.75rem)}h2{font-size:clamp(1.25rem,2.3vw,1.75rem)}h3{font-size:1.05rem}.muted{color:var(--kh-muted)}.breadcrumb{font-size:.87rem;color:var(--kh-muted);display:flex;gap:7px;flex-wrap:wrap;margin:12px auto}.breadcrumb a{color:var(--kh-brand)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}.article{background:var(--kh-surface);border:1px solid var(--kh-line);border-radius:22px;padding:clamp(17px,3.5vw,36px);box-shadow:var(--kh-shadow);min-width:0}.article-header{padding-bottom:18px;border-bottom:1px solid var(--kh-line);margin-bottom:18px}.article-header h1{margin-top:.25rem}.meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--kh-muted);font-size:.85rem}.chip{display:inline-flex;border:1px solid var(--kh-line);background:var(--kh-surface2);border-radius:999px;padding:4px 9px;line-height:1.4}.chip.link:hover{border-color:var(--kh-gold);color:var(--kh-brand)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:13px 0}.btn{border:1px solid var(--kh-line);background:var(--kh-surface);color:var(--kh-text);min-height:43px;padding:8px 12px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover,.btn:focus-visible{border-color:var(--kh-gold);outline:0}.btn.primary{background:var(--kh-brand);border-color:var(--kh-brand);color:#fff}.btn.gold{border-color:var(--kh-gold);box-shadow:inset 0 0 0 1px rgba(183,137,53,.28)}.btn.saved{background:var(--kh-gold-soft);border-color:var(--kh-gold)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.summary-item{border:1px solid var(--kh-line);background:var(--kh-surface2);border-radius:14px;padding:11px}.summary-item b{display:block;color:var(--kh-brand);font-size:1.08rem}.section-nav{display:flex;gap:7px;overflow:auto;padding:4px 0 10px;scrollbar-width:thin}.section-nav a{white-space:nowrap;border:1px solid var(--kh-line);background:var(--kh-surface2);border-radius:999px;padding:6px 11px;font-size:.87rem}.keypoints,.quote,.quran-bridge,.quick-summary{border:1px solid var(--kh-line);border-radius:17px;padding:16px 18px;margin:18px 0;background:var(--kh-surface2)}.keypoints ol{margin:.5rem 0 0;padding-right:1.4rem}.quote{border-right:4px solid var(--kh-gold);font-size:1.04em}.quote p{margin:0}.reader{font-size:var(--kh-reader);line-height:2.13}.reader p{margin:0 0 1.25em}.reader h2{font-size:1.35em;color:var(--kh-brand);margin:1.65em 0 .8em;padding-top:1em;border-top:1px solid var(--kh-line);scroll-margin-top:90px}.side{position:sticky;top:86px;display:grid;gap:10px}.sidebox{background:var(--kh-surface);border:1px solid var(--kh-line);border-radius:16px;padding:13px;box-shadow:var(--kh-shadow)}.sidebox .btn{width:100%;margin-top:7px}.progress-box{height:7px;border-radius:999px;background:var(--kh-surface2);overflow:hidden;border:1px solid var(--kh-line);margin-top:8px}.progress-box i{display:block;width:0;height:100%;background:var(--kh-gold)}.keyword-row{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.quran-items{display:grid;gap:9px}.quran-item{border:1px solid var(--kh-line);border-radius:14px;padding:12px;background:var(--kh-surface)}.quran-item strong{display:block;margin-bottom:7px}.quran-actions{display:flex;gap:6px;flex-wrap:wrap}.quran-actions a{font-size:.85rem;border:1px solid var(--kh-line);border-radius:10px;padding:5px 8px}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-card{border:1px solid var(--kh-line);background:var(--kh-surface2);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:7px}.related-card small{color:var(--kh-muted)}.continue-note{display:none;border:1px solid var(--kh-gold);background:var(--kh-gold-soft);border-radius:14px;padding:12px;margin:12px 0}.continue-note.active{display:block}.toast{position:fixed;z-index:10000;left:18px;bottom:18px;background:var(--kh-text);color:var(--kh-bg);padding:10px 14px;border-radius:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.focus .side,.focus .breadcrumb{display:none}.focus .article-layout{grid-template-columns:1fr}.focus .article{max-width:900px;margin-inline:auto}.site-section-footer{margin:36px auto 18px;border-top:1px solid var(--kh-line);padding:17px 0;text-align:center;color:var(--kh-muted)}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.shell{width:min(var(--kh-max),calc(100% - 18px))}.hero{padding:22px 16px;border-radius:18px}.article{padding:17px 14px;border-radius:18px}.reader{font-size:calc(var(--kh-reader) - 2px)}.side{grid-template-columns:1fr}.toolbar.reading-controls{display:grid;grid-template-columns:repeat(2,1fr)}.toolbar.reading-controls .btn{width:100%}.related-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{#header,#footer,.side,.breadcrumb,.reading-controls,.read-progress,.site-section-footer,.toast,.section-nav{display:none!important}.shell{width:100%}.article-layout{display:block}.article{border:0;box-shadow:none;padding:0}.reader{font-size:18px;color:#000}.article{color:#000;background:#fff}}

.section{margin:25px auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.stats{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.stat{border:1px solid var(--kh-line);background:var(--kh-surface);border-radius:13px;padding:8px 12px}.stat b{color:var(--kh-brand)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{background:var(--kh-surface);border:1px solid var(--kh-line);border-radius:var(--kh-radius);padding:17px;box-shadow:var(--kh-shadow);display:flex;flex-direction:column;gap:8px;min-width:0}.card h2{font-size:1.08rem;margin:0}.card p{margin:0;color:var(--kh-muted);font-size:.93rem}.card .more{margin-top:auto;color:var(--kh-brand);font-weight:900}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.category-link{border:1px solid var(--kh-line);background:var(--kh-surface);border-radius:14px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.category-link b{color:var(--kh-brand)}.search-area{position:relative}.searchbox{display:grid;grid-template-columns:1fr auto;gap:8px;margin:17px 0}.searchbox input{width:100%;min-height:49px;border:1px solid var(--kh-line);border-radius:14px;background:var(--kh-surface);color:var(--kh-text);padding:0 15px;outline:0}.searchbox input:focus{border-color:var(--kh-brand);box-shadow:0 0 0 3px rgba(15,104,78,.14)}.search-results{display:none;position:absolute;z-index:30;top:100%;right:0;left:0;max-height:460px;overflow:auto;background:var(--kh-surface);border:1px solid var(--kh-line);border-radius:15px;padding:7px;box-shadow:var(--kh-shadow)}.search-results.active{display:block}.search-results a{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:10px}.search-results a:hover{background:var(--kh-surface2)}.search-results small{color:var(--kh-muted)}.pagination{display:flex;gap:7px;justify-content:center;align-items:center;flex-wrap:wrap;margin:24px 0}.pagination a,.pagination span{min-width:41px;height:41px;display:grid;place-items:center;border:1px solid var(--kh-line);border-radius:11px;background:var(--kh-surface)}.pagination .current{background:var(--kh-brand);color:#fff;border-color:var(--kh-brand)}.intro-box{border:1px solid var(--kh-line);background:var(--kh-surface);border-radius:17px;padding:17px}.intro-box p{margin:.3rem 0;color:var(--kh-muted)}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.portal-card{border:1px solid var(--kh-line);background:linear-gradient(145deg,var(--kh-surface),var(--kh-surface2));border-radius:17px;padding:16px;box-shadow:var(--kh-shadow)}.portal-card b{display:block;color:var(--kh-brand);font-size:1.08rem;margin-bottom:4px}.portal-card span{color:var(--kh-muted);font-size:.9rem}.filter-panel{border:1px solid var(--kh-line);background:var(--kh-surface);border-radius:18px;padding:16px;margin:16px 0}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.filter-grid label{display:grid;gap:5px;font-size:.86rem;color:var(--kh-muted)}.filter-grid input,.filter-grid select{min-height:44px;border:1px solid var(--kh-line);background:var(--kh-surface2);color:var(--kh-text);border-radius:11px;padding:0 10px}.results-count{margin:10px 0;color:var(--kh-muted)}.empty{padding:22px;text-align:center;color:var(--kh-muted);border:1px dashed var(--kh-line);border-radius:14px}.letter-grid{display:flex;gap:8px;flex-wrap:wrap}.letter-grid a{min-width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--kh-line);background:var(--kh-surface);border-radius:11px;font-weight:900}.link-list{columns:2;column-gap:18px}.link-list a{break-inside:avoid;display:block;border-bottom:1px solid var(--kh-line);padding:8px 2px}.continue-home{display:none;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--kh-gold);background:var(--kh-gold-soft);border-radius:14px;padding:11px 13px;margin-top:12px}.continue-home.active{display:flex}.continue-home a{color:var(--kh-brand);font-weight:900}.weekly-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.scoped-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.scoped-search input{min-height:45px;border:1px solid var(--kh-line);border-radius:12px;background:var(--kh-surface);color:var(--kh-text);padding:0 12px}.scoped-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.grid,.portal-grid,.weekly-grid,.scoped-results{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr}.link-list{columns:1}.searchbox{grid-template-columns:1fr}.searchbox .btn{display:none}}

.static-author{cursor:default!important;text-decoration:none!important}.static-author.btn:hover,.static-author.btn:focus{border-color:var(--kh-line)!important}.is-static{pointer-events:none}

@media (prefers-color-scheme:dark){html:not([data-theme]):not([data-mode]):not([data-color-mode]):not([data-color-scheme]):not([data-bs-theme]):not(.light):not(.light-mode):not(.theme-light):not(.dark):not(.dark-mode):not(.dark-theme):not(.night):not(.night-mode) body:not([data-theme]):not([data-mode]):not(.light):not(.light-mode):not(.theme-light):not(.dark):not(.dark-mode):not(.dark-theme):not(.night):not(.night-mode){--kh-bg:#0f1713;--kh-surface:#17201b;--kh-surface2:#202a24;--kh-text:#f4f0e7;--kh-muted:#b4beb8;--kh-line:#354238;--kh-brand:#67c39d;--kh-brand2:#8ad7b7;--kh-gold:#dfb55d;--kh-gold2:#735d32;--kh-shadow:none;color-scheme:dark}}

/* === KHUTAB V1.2 FINAL UI === */
.kh-theme-init main,.kh-theme-init .site-section-footer{visibility:hidden}

:root{
  --kh-gold-soft:#f7efdf;
  --kh-brand-soft:#edf7f2;
  --kh-panel:#fffdf9;
  --kh-mobile-shadow:0 -8px 30px rgba(20,42,34,.16);
}
:where(html[data-khutab-theme="dark"],html[data-theme="dark"],html[data-theme="night"],html[data-mode="dark"],html[data-mode="night"],html.dark,html.dark-mode,html.night,html.night-mode) body,
:where(body[data-theme="dark"],body[data-theme="night"],body[data-mode="dark"],body[data-mode="night"],body.dark,body.dark-mode,body.night,body.night-mode){
  --kh-gold-soft:#2b261a;
  --kh-brand-soft:#173027;
  --kh-panel:#151d18;
  --kh-mobile-shadow:0 -10px 34px rgba(0,0,0,.35);
}
html,body{background-color:var(--kh-bg)}
body{background-image:radial-gradient(circle at 12% 8%,rgba(183,137,53,.055),transparent 26rem),radial-gradient(circle at 88% 16%,rgba(15,104,78,.045),transparent 28rem)}
.hero{border-color:var(--kh-line);box-shadow:var(--kh-shadow);background:linear-gradient(145deg,var(--kh-panel),var(--kh-surface2))}
.hero:before,.hero:after{border-color:var(--kh-gold);opacity:.2}
.article{background:var(--kh-panel);border-color:var(--kh-line)}
.article-header{position:relative}
.article-header:after{content:"";position:absolute;right:0;bottom:-1px;width:92px;height:2px;border-radius:999px;background:var(--kh-gold)}
.reader{max-width:860px;margin-inline:auto;text-wrap:pretty}
.reader p{letter-spacing:.002em}
.reader h2{position:relative;padding-right:13px;border-top:0}
.reader h2:before{content:"";position:absolute;right:0;top:1.08em;width:4px;height:1.25em;border-radius:999px;background:var(--kh-gold)}
.keypoints,.quote,.quran-bridge,.quick-summary{background:var(--kh-surface2);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.quote{background:var(--kh-gold-soft);border-right-color:var(--kh-gold)}
.continue-note{background:var(--kh-gold-soft)}
.btn{font-weight:700;transition:transform .15s ease,border-color .15s ease,background-color .15s ease}
.btn.primary{background:var(--kh-brand)}
.btn.gold,.btn.saved{background:var(--kh-gold-soft);border-color:var(--kh-gold)}
.card,.category-link,.related-card,.sidebox,.summary-item{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.card,.category-link,.sidebox{background:var(--kh-panel)}
.related-card,.summary-item{background:var(--kh-surface2)}
.searchbox input{background:var(--kh-panel)}
.search-results{background:var(--kh-panel)}
.section-head h2{position:relative;padding-right:12px}
.section-head h2:before{content:"";position:absolute;right:0;top:.28em;width:4px;height:1.05em;background:var(--kh-gold);border-radius:999px}
.static-author{cursor:default;user-select:text}
.kh-mobile-reader{display:none}
@media(hover:hover) and (pointer:fine){
  .card:hover,.category-link:hover,.related-card:hover{transform:translateY(-2px);border-color:var(--kh-gold);box-shadow:0 10px 28px rgba(22,43,35,.09)}
  .btn:hover{transform:translateY(-1px)}
}
@media(max-width:900px){
  body.has-kh-mobile-reader{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .side .sidebox:nth-child(1),.side .sidebox:nth-child(2){display:none}
  .continue-note{display:none!important}
  .reader + .toolbar.reading-controls{display:none!important}
  .kh-mobile-reader{display:block;position:fixed;z-index:9998;right:9px;left:9px;bottom:max(8px,env(safe-area-inset-bottom,0px));background:var(--kh-panel);border:1px solid var(--kh-line);border-radius:18px;box-shadow:var(--kh-mobile-shadow);overflow:hidden;contain:layout paint}
  .kh-mobile-reader__bar{width:100%;min-height:54px;border:0;background:var(--kh-panel);color:var(--kh-text);padding:8px 11px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;text-align:right;cursor:pointer}
  .kh-mobile-reader__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--kh-brand-soft);color:var(--kh-brand);font-size:1.1rem;font-weight:900}
  .kh-mobile-reader__title{display:flex;flex-direction:column;line-height:1.35;min-width:0}
  .kh-mobile-reader__title strong{font-size:.92rem}
  .kh-mobile-reader__title small{font-size:.76rem;color:var(--kh-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kh-mobile-reader__pct{min-width:48px;text-align:center;border:1px solid var(--kh-line);border-radius:999px;padding:4px 8px;font-weight:900;color:var(--kh-brand);font-size:.82rem}
  .kh-mobile-reader__panel{border-top:1px solid var(--kh-line);padding:10px 11px 12px;background:var(--kh-surface);max-height:min(58vh,420px);overflow:auto}
  .kh-mobile-reader:not(.is-open) .kh-mobile-reader__panel{display:none}
  .kh-mobile-reader__progress{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-bottom:10px}
  .kh-mobile-reader__progress .progress-box{grid-column:1/-1;margin:0;height:8px}
  .kh-mobile-reader__resume{min-height:42px;border-color:var(--kh-gold);background:var(--kh-gold-soft);font-weight:900}
  .kh-mobile-reader__tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .kh-mobile-reader__tools .btn{width:100%;min-height:46px;padding:7px 6px;font-size:.86rem;border-radius:12px}
  .kh-mobile-reader__close{grid-column:1/-1;background:var(--kh-brand-soft);border-color:var(--kh-brand);color:var(--kh-brand)}
  .article-layout{gap:12px}
  .article{box-shadow:none}
  .side{gap:8px}
  .sidebox{box-shadow:none}
}
@media(max-width:600px){
  .shell{width:min(var(--kh-max),calc(100% - 14px))}
  .hero{margin-top:9px;padding:19px 14px;border-radius:17px}
  .hero h1{font-size:clamp(1.55rem,7vw,2rem)}
  .breadcrumb{margin:8px auto;font-size:.8rem}
  .article{padding:16px 13px;border-radius:17px}
  .article-header{padding-bottom:14px;margin-bottom:13px}
  .article-header h1{font-size:clamp(1.55rem,7vw,2rem)}
  .reader{font-size:calc(var(--kh-reader) - 2px);line-height:2.03}
  .reader p{margin-bottom:1.12em}
  .reader h2{font-size:1.23em;margin:1.35em 0 .68em}
  .summary-grid{gap:6px;margin:12px 0}
  .summary-item{padding:9px;border-radius:12px}
  .summary-item span{font-size:.78rem;color:var(--kh-muted)}
  .summary-item b{font-size:.98rem}
  .keypoints,.quote,.quran-bridge,.quick-summary{padding:13px 14px;margin:14px 0;border-radius:14px}
  .section-nav{margin-inline:-3px;padding-bottom:7px}
  .section-nav a{min-height:39px;display:flex;align-items:center;padding:5px 10px}
  .meta{font-size:.8rem;gap:5px}
  .chip{padding:4px 8px}
  .btn{min-height:46px}
  .grid{gap:10px}
  .card{padding:14px;border-radius:15px}
  .category-grid{gap:8px}
  .category-link{min-height:49px;padding:10px 12px}
}
@media print{.kh-mobile-reader{display:none!important}body.has-kh-mobile-reader{padding-bottom:0!important}}
/* === END KHUTAB V1.2 FINAL UI === */