/* /khalwati-public-assets/passkeys-page-v1.css */
/* Khalwati Passkeys & local activity R1; scoped, responsive, RTL */
.kh-passkeys-page{background:#fbf8f0;color:#1b382e}
.kh-passkeys-page main{min-height:55vh}
.kh-passkeys-page main :is(h1,h2,h3){font-family:inherit}
.kh-passkeys-page .container{max-width:1180px}
.kh-pk-section{padding:clamp(32px,5vw,68px) 0}
.kh-pk-hero{padding:clamp(36px,5vw,72px) 0;background:radial-gradient(circle at 85% 20%,#e1ebdf 0%,transparent 54%),linear-gradient(145deg,#fffdf9,#f1eee1);border-bottom:1px solid #e2d9be}
.kh-pk-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,1fr);align-items:center;gap:clamp(22px,5vw,70px)}
.kh-pk-eyebrow,.kh-pk-section-top{color:#997125;letter-spacing:.015em;font-size:.9rem;font-weight:800;display:block;margin:0 0 12px}
.kh-pk-hero h1{font-size:clamp(2.35rem,6vw,4.7rem);font-weight:900;line-height:1.12;margin:0 0 16px;color:#074532}
.kh-pk-hero h1 small{display:block;font-size:clamp(1.15rem,3vw,2.1rem);line-height:1.4;color:#26725b;font-weight:800;margin:14px 0 0}
.kh-pk-lead{font-size:clamp(1.04rem,2.2vw,1.28rem);line-height:1.95;max-width:730px;color:#3d5c50;margin:0 0 22px}
.kh-pk-hero-actions,.kh-pk-foot-links,.kh-ac-btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.kh-pk-btn-primary,.kh-pk-btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:15px;padding:11px 20px;text-decoration:none;font:inherit;font-weight:800;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}
.kh-pk-btn-primary{color:#fff!important;background:linear-gradient(135deg,#086046,#074531);border:1px solid #0d684d;box-shadow:0 8px 22px #0d684522}
.kh-pk-btn-outline{color:#13533f!important;background:#fffdf6;border:1px solid #d3bf8c}
.kh-pk-btn-primary:hover,.kh-pk-btn-outline:hover{transform:translateY(-1px);box-shadow:0 8px 15px #142c2014}
.kh-pk-state{margin-top:23px;max-width:760px;border-right:4px solid #b38a3f;padding:13px 17px;background:#fffcf1;border-radius:12px;color:#5a4c2e;line-height:1.85}
.kh-pk-hero-art{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0}
.kh-pk-orbit{position:relative;display:grid;place-items:center;width:min(290px,68vw);height:min(290px,68vw);border-radius:50%;background:radial-gradient(circle,#fffdf5 0 36%,#e6eddc 36% 38%,#f4f1df 38% 64%,#dccb98 64% 65%,transparent 65%);box-shadow:inset 0 0 70px #8fa78218}
.kh-pk-center{display:grid;place-items:center;width:125px;height:125px;border-radius:32px;background:linear-gradient(135deg,#165f48,#094432);box-shadow:0 20px 35px #064c3844, inset 0 2px 2px #ffffff44;color:#fff;font-size:64px;transform:rotate(-5deg)}
.kh-pk-planet{position:absolute;display:grid;place-items:center;width:50px;height:50px;background:#fffaf0;border:1px solid #e0ca8f;border-radius:50%;color:#ab812f;box-shadow:0 8px 18px #9b7d2a23;font-size:22px}
.kh-pk-planet.one{top:8%;right:14%}.kh-pk-planet.two{bottom:6%;left:15%}.kh-pk-art-caption{color:#5f6f58;font-weight:750}
.kh-pk-section h2{font-size:clamp(1.65rem,3.5vw,2.35rem);color:#084937;margin:0 0 18px;font-weight:900;line-height:1.4}
.kh-pk-section-intro{color:#52675b;line-height:1.9;margin:-5px 0 24px;font-size:1.07rem}
.kh-pk-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.kh-pk-cards article,.kh-pk-privacy-grid article,.kh-pk-simple-grid>div{border:1px solid #e2d8bd;background:#fffef9;border-radius:19px;padding:24px;box-shadow:0 5px 14px #163d2709}
.kh-pk-card-symbol{display:grid;place-items:center;background:#e9f2e7;border:1px solid #d4e2d4;border-radius:14px;width:51px;height:51px;font-size:25px;margin-bottom:12px}
.kh-pk-cards h3,.kh-pk-steps h3,.kh-pk-privacy-grid h3,.kh-pk-simple-grid h3{color:#14543f;font-size:1.14rem;margin:0 0 9px}
.kh-pk-cards p,.kh-pk-steps p,.kh-pk-simple-grid p{line-height:1.9;color:#51665a;margin:0;font-size:.98rem}
.kh-pk-how{background:#eef2e9}
.kh-pk-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.kh-pk-steps article{display:flex;gap:17px;align-items:flex-start;border:1px solid #dae4d7;background:#fffefb;border-radius:18px;padding:22px}
.kh-pk-steps article>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;color:#fff;font-weight:900;background:#17634a}
.kh-pk-privacy-grid,.kh-pk-simple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.kh-pk-safe{border-top:4px solid #278565!important}.kh-pk-tech{border-top:4px solid #aa8744!important}
.kh-pk-privacy-grid ul{margin:0;padding-inline-start:19px;color:#476458;line-height:2}
.kh-pk-privacy-grid li+li{margin-top:7px}.kh-pk-note,.kh-pk-warning{background:#fffbec;border:1px solid #e1d2aa;border-radius:16px;color:#67532b;line-height:1.95;padding:15px 19px;margin:18px 0 0}
.kh-pk-split{background:#f6f3e9}.kh-pk-split .kh-pk-simple-grid>div{min-height:135px}
.kh-pk-activity-tease{display:flex;gap:30px;align-items:center;justify-content:space-between;background:#084f3a;color:#fff;border-radius:25px;padding:32px 36px;box-shadow:0 14px 28px #093f301a}
.kh-pk-activity-tease h2{color:#fff}.kh-pk-activity-tease p:not(.kh-pk-section-top){color:#ecf3e9;line-height:1.9;max-width:780px}
.kh-pk-activity-tease .kh-pk-btn-primary{background:#e9d2a1!important;color:#284b38!important;border-color:#bfa06b}
.kh-pk-activity-glyph{font-size:100px;opacity:.95}
.kh-pk-faq{background:#f6f3e8}.kh-pk-faq-list{display:grid;gap:9px}
.kh-pk-faq-list details{background:#fffefa;border:1px solid #e6dbc0;border-radius:15px;overflow:hidden}
.kh-pk-faq-list summary{cursor:pointer;padding:17px 21px;font-size:1.03rem;font-weight:800;color:#1a5944;list-style-position:inside}
.kh-pk-faq-list summary:focus-visible{outline:3px solid #ad8c3b}
.kh-pk-faq-list details[open] summary{border-bottom:1px solid #eee3cd}.kh-pk-faq-list p{margin:0;padding:12px 23px 18px;line-height:1.95;color:#4e6057}
.kh-pk-foot-links{margin-top:25px;gap:20px}.kh-pk-foot-links a{color:#0f5d43;font-weight:750}
.kh-passkeys-promo{padding:16px 0 10px}.kh-passkeys-promo-inner{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:17px;padding:20px 23px;border:1px solid #d9cdad;background:linear-gradient(110deg,#fdfbef,#f0f5e9);border-radius:21px;box-shadow:0 7px 18px #193e2110}.kh-passkeys-promo-symbol{font-size:30px}.kh-passkeys-promo-eyebrow{font-size:.79rem;font-weight:800;color:#8b6a24}.kh-passkeys-promo h2{margin:4px 0 3px;font-size:clamp(1.08rem,2vw,1.35rem);color:#114e39}.kh-passkeys-promo p{margin:0;max-width:740px;line-height:1.8;font-size:.88rem;color:#506456}.kh-passkeys-promo-actions{display:flex;flex-direction:column;gap:8px}.kh-passkeys-promo-actions a{white-space:nowrap;display:block;min-width:155px;padding:9px 12px;text-align:center;border-radius:12px;text-decoration:none;font-weight:800;font-size:.89rem}.kh-passkeys-promo-primary{background:#0c5e45;color:#fff!important}.kh-passkeys-promo-secondary{background:#fff;border:1px solid #d4c394;color:#245d45!important}
.kh-entry-passkeys{display:block;margin:15px auto 0;max-width:500px;text-align:center;font-size:.95rem;line-height:1.8;font-weight:750;color:#115b43!important;text-underline-offset:3px}
.kh-ac-main{padding:35px 0 80px}.kh-ac-hero{padding:24px 0 15px}.kh-ac-hero h1{font-size:clamp(2rem,5vw,3.1rem);color:#0a4d37;margin:0 0 12px}.kh-ac-hero p{color:#51665b;line-height:1.9;font-size:1.08rem;max-width:850px}.kh-ac-state{padding:12px 18px;border-radius:13px;border:1px solid #e0cf9c;background:#fffaf0;color:#72592d;line-height:1.8}
.kh-ac-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0}.kh-ac-stats>div{background:#fffefa;border:1px solid #e6dac0;border-radius:17px;padding:21px 19px}.kh-ac-stats small{display:block;font-size:.9rem;color:#587164}.kh-ac-stats strong{display:block;margin-top:9px;font-size:2.15rem;color:#0b5c43}
.kh-ac-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}.kh-ac-controls h2,.kh-ac-feed h2{margin:0 0 7px;color:#0d563e}.kh-ac-controls p{color:#607266;margin:0;line-height:1.8}
.kh-ac-add{margin-top:22px;border:1px solid #e3d8bc;border-radius:19px;background:#fffef9;padding:22px}.kh-ac-add h3{color:#14553f;margin:0 0 15px}.kh-ac-add form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.kh-ac-add label{display:grid;gap:6px;color:#425e50;font-weight:700;flex:1 1 180px}.kh-ac-add input{min-height:44px;border:1px solid #cbbf9f;background:#fff;border-radius:12px;padding:10px 14px;font:inherit;font-size:1rem;color:#254237}.kh-ac-add button{min-height:44px}.kh-ac-status{color:#13644a;min-height:1.5em;margin:8px 0 0}
.kh-ac-feed{margin-top:29px}.kh-ac-entry{display:flex;align-items:center;gap:14px;border:1px solid #e5dabf;border-radius:16px;padding:15px 18px;margin:9px 0;background:#fffefa}.kh-ac-type{font-size:27px}.kh-ac-copy{flex:1;min-width:0}.kh-ac-copy strong{display:block;color:#184f3d}.kh-ac-copy small{display:block;color:#6f7b6f;line-height:1.8}.kh-ac-empty{padding:30px;border:1px dashed #d5c59f;background:#fffcf2;border-radius:17px;color:#677666;text-align:center}.kh-ac-tools{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.kh-ac-tools button{font:inherit;cursor:pointer;padding:11px 16px;border:1px solid #bed1c5;background:#fff;border-radius:12px;color:#0b5a43;font-weight:750}.kh-ac-tools button.kh-ac-danger{border-color:#e8c4c0;color:#923d33}.kh-ac-privacy{line-height:1.9;color:#697b6b;font-size:.94rem}
@media(max-width:1000px){.kh-pk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-passkeys-promo-inner{grid-template-columns:48px minmax(0,1fr)}.kh-passkeys-promo-actions{grid-column:2;flex-direction:row;flex-wrap:wrap}}
@media(max-width:680px){.kh-pk-hero-grid{grid-template-columns:1fr}.kh-pk-hero-art{display:none}.kh-pk-cards,.kh-pk-steps,.kh-pk-privacy-grid,.kh-pk-simple-grid,.kh-ac-stats{grid-template-columns:1fr 1fr}.kh-pk-section{padding:32px 0}.kh-pk-activity-glyph{display:none}.kh-pk-activity-tease{padding:24px}.kh-passkeys-promo-inner{grid-template-columns:1fr;gap:10px;padding:18px}.kh-passkeys-promo-symbol{display:none}.kh-passkeys-promo-actions{grid-column:1}.kh-ac-main{padding-top:14px}}
@media(max-width:470px){.kh-pk-cards,.kh-pk-steps,.kh-pk-privacy-grid,.kh-pk-simple-grid{grid-template-columns:1fr}.kh-pk-hero-actions>a,.kh-pk-activity-tease .kh-pk-btn-primary{width:100%}.kh-pk-cards article,.kh-pk-privacy-grid article,.kh-pk-simple-grid>div{padding:20px}.kh-passkeys-promo-actions a{flex:1 1 100%}.kh-ac-stats{gap:8px}.kh-ac-stats>div{padding:15px 12px}.kh-ac-stats strong{font-size:1.65rem}.kh-ac-entry{padding:13px}.kh-ac-btn-row>a{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.kh-pk-btn-primary,.kh-pk-btn-outline{transition:none}}

/* /khalwati-public-assets/v16/design-r16.css */
/* Khalwati R16 | additive polish only; keep original palette, layout and Arabic typefaces. */
:root { --kh-r16-tap:44px; }
.site-header .nav-links a,
.site-header [aria-label="قائمة الهاتف"] a,
.footer-links a { min-height:var(--kh-r16-tap); align-items:center; }
.site-header .nav-links a { display:inline-flex; font-size:max(13.5px,.86rem); line-height:1.45; }
:where(.home-refined,.library-page-ui3,.audio-page) .book-card h3,
.book-card h3 { font-size:clamp(15px,1.8vw,17px); line-height:1.6; overflow-wrap:break-word; }
.book-card .cat, .book-card .open { font-size:max(13px,.85rem); line-height:1.45; }
.books-grid .book-card .book-cover-wrap img,
.book-card .book-cover-wrap img { object-fit:contain; max-width:100%; }
.home-refined .community-home .community-card { min-height:var(--kh-r16-tap); }
.home-refined .community-home .community-card strong {font-size:clamp(14px,1.8vw,16px);line-height:1.5;}
.audio-page .audio-hero p {font-size:clamp(15px,1.8vw,17px);line-height:1.75;}
.audio-page button, .audio-page .audio-toolbar a, .audio-page .audio-toolbar button { min-height:var(--kh-r16-tap); }
:where(.home-refined,.library-page-ui3,.audio-page) :is(a,button,input,select):focus-visible,
.site-header a:focus-visible, .book-card:focus-visible,
.app button:focus-visible, .reader-drawer button:focus-visible {
  outline:3px solid #ad8530; outline-offset:3px;
}
.kh-r16-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media (max-width:680px) {
  .home-refined .community-home .community-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .home-refined .community-home .community-card { padding:13px 10px; }
  .home-refined .community-home .community-card strong {font-size:15px;}
  .home-refined .books-grid .book-card h3,
  .library-page-ui3 .books-grid .book-card h3 {font-size:15px;line-height:1.55;}
  .book-card .cat,.book-card .open {font-size:13.5px;}
  .audio-page button {font-size:14px;}
  .app .topbar button,.app .topbar a {min-height:var(--kh-r16-tap);}
  .app .toolbar { overflow-x:auto; overflow-y:hidden; flex-wrap:nowrap; scrollbar-width:thin; padding-bottom:max(6px,env(safe-area-inset-bottom)); }
  .app .toolbar > * {flex-shrink:0;}
  .app .toolbar .tool-button,.app .toolbar .zoom-value,
  .app .toolbar .page-control input {min-height:var(--kh-r16-tap);}
  .app .toolbar #previousButton span,.app .toolbar #nextButton span {font-size:14px;}
  .reader-drawer .panel-action,.reader-drawer .panel-tab {min-height:var(--kh-r16-tap);font-size:14px;}
}
@media (prefers-reduced-motion:reduce) {
  .book-card,.community-card {transition-duration:.01ms!important;animation-duration:.01ms!important;}
}

/* /khalwati-public-assets/v17/design-r17.css */
/* Khalwati R17 | additive layout polish. Same palette, same Tajawal typeface, same components. */
:root{--kh17-green:#07583d;--kh17-deep:#073f34;--kh17-gold:#c99a37;--kh17-line:#e6d6ae;--kh17-paper:#fffdf8;--kh17-cream:#fbf6e9;--kh17-muted:#6e746e;--kh17-tap:44px}

/* 1) Library category filters: 440px-tall 2-column grid on phones -> one swipeable row. */
@media (max-width:680px){
  html body :is(.library-tools.kh-filters-only,.library-tools) .filters{
    display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;
    overflow-x:auto!important;overflow-y:hidden!important;max-width:100%;contain:inline-size;gap:8px!important;padding:2px 2px 10px!important;margin-inline:-4px;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    mask-image:linear-gradient(to left,#000 88%,transparent);-webkit-mask-image:linear-gradient(to left,#000 88%,transparent);
  }
  html body :is(.library-tools.kh-filters-only,.library-tools) .filters::-webkit-scrollbar{display:none}
  html body :is(.library-tools.kh-filters-only,.library-tools) .filters>.filter{
    flex:0 0 auto!important;width:auto!important;min-height:var(--kh17-tap);scroll-snap-align:start;
    display:inline-flex!important;flex-direction:row!important;align-items:center;gap:8px;padding:0 14px!important;border-radius:999px!important;white-space:nowrap;
  }
  html body :is(.library-tools.kh-filters-only,.library-tools) .filters .kh-filter-label{font-size:14px}
  html body :is(.library-tools.kh-filters-only,.library-tools) .filters .kh-filter-count{font-size:12.5px}
}

/* 2) Book page: comfortable tap targets on breadcrumb links. */
.crumbs a{display:inline-block;padding:10px 2px;margin:-10px 0}
.crumbs{line-height:2}

/* 3) Book page: related books (server-rendered by library-book.php R17). */
.kh17-related{margin-top:28px;padding-top:22px;border-top:1px solid var(--kh17-line)}
.kh17-related-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin:0 0 14px}
.kh17-related-head h2{margin:0;font-size:clamp(18px,2.2vw,22px);color:var(--kh17-deep);line-height:1.5}
.kh17-related-head a{color:var(--kh17-green);font-weight:800;text-decoration:none;white-space:nowrap;min-height:var(--kh17-tap);display:inline-flex;align-items:center}
.kh17-related-head a:hover{text-decoration:underline}
.kh17-related-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.kh17-related-grid a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--kh17-deep);background:var(--kh17-paper);border:1px solid var(--kh17-line);border-radius:18px;padding:10px;transition:transform .15s ease,box-shadow .15s ease}
.kh17-related-grid a:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(7,63,52,.10)}
.kh17-related-grid a:focus-visible{outline:3px solid #ad8530;outline-offset:3px}
.kh17-related-cover{display:block;aspect-ratio:3/4;border-radius:12px;background:#f4ecd9;overflow:hidden}
.kh17-related-cover img{display:block;width:100%;height:100%;object-fit:contain}
.kh17-related-title{display:block;margin-top:10px;font-weight:800;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.kh17-related-meta{display:block;margin-top:2px;font-size:13px;color:var(--kh17-muted)}
@media (max-width:600px){
  .kh17-related-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px;padding-bottom:8px;scrollbar-width:thin}
  .kh17-related-grid li{flex:0 0 42%;scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){.kh17-related-grid a{transition:none}}

/* 4) Desktop book page: keep the card from floating in empty space on wide screens. */
@media (min-width:1100px){
  .book-detail .detail-grid{align-items:start}
  .book-detail .detail-cover{position:sticky;top:96px}
}

/* 5) Small-text floor on phones (kickers, notes, footer). */
@media (max-width:680px){
  .app-simple-kicker,.app-simple-note,.kh-sawati-eyebrow,.footer-copy{font-size:13px!important}
}

/* /khalwati-public-assets/khatma-r100-ui.css */
/* R10.0 unified Khalwati khatma visual language — no change to existing operations */
:root{--kh100-ivory:#F7F5EF;--kh100-forest:#075440;--kh100-green:#086147;--kh100-gold:#C69B59;--kh100-border:#DCE5DC;--kh100-ink:#203F35}
body:has(#kh-main.kh-khatma){background:var(--kh100-ivory)}
#kh-main.kh-khatma{background:var(--kh100-ivory)!important;color:var(--kh100-ink);font-family:Tajawal,system-ui,sans-serif}
#kh-main.kh-khatma .kh-wrap{max-width:1160px;margin-inline:auto}
/* one compact hero, same width as detail and summary cards */
#kh-main.kh-khatma .kh-r96-hero{min-height:0!important;padding:22px 24px!important;border-radius:21px!important;background:linear-gradient(115deg,#064B39,#073B31)!important;box-shadow:0 9px 28px #07372A22!important}
#kh-main.kh-khatma .kh-r96-hero::before{opacity:.035!important;background-size:90px 90px!important}
#kh-main.kh-khatma .kh-r96-hero .kh-r95-hero-mark{display:none!important}
#kh-main.kh-khatma .kh-r96-hero h1{font-family:Amiri,Tajawal,serif;font-size:clamp(1.7rem,3.3vw,2.65rem)!important;line-height:1.35!important;max-width:850px}
#kh-main.kh-khatma .kh-r96-hero .kh-r95-subtitle{max-width:750px;line-height:1.5!important;margin:3px auto 15px!important;font-size:.99rem!important}
#kh-main.kh-khatma .kh-r96-top-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px!important}
#kh-main.kh-khatma .kh-r96-top-actions button.kh-r95-btn{
 min-height:46px!important;padding:10px 22px!important;border:1.5px solid #85B3A0!important;
 color:#FDF8EA!important;background:#155F4B!important;border-radius:15px!important;
 font:800 .98rem/1.35 Tajawal,system-ui,sans-serif!important;display:inline-flex!important;
 align-items:center;justify-content:center;gap:8px!important;white-space:nowrap!important;box-shadow:0 5px 10px #002B1A15!important}
#kh-main.kh-khatma .kh-r96-top-actions button.kh-r95-btn:first-child{color:#083E30!important;border-color:#EAD7AF!important;background:#F3DDAE!important}
#kh-main.kh-khatma .kh-r96-top-actions button.kh-r95-btn:last-child{color:#FFF0D1!important;border-color:#C69B59!important;background:#195C49!important}
#kh-main.kh-khatma .kh-r96-top-actions button.kh-r95-btn:hover{background:#257459!important;transform:translateY(-2px)}
#kh-main.kh-khatma .kh-r96-top-actions button.kh-r95-btn:first-child:hover{background:#F9EAC8!important}
#kh-main.kh-khatma .kh-r95-guide{margin:20px auto!important}
#kh-main.kh-khatma .kh-r96-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#kh-main.kh-khatma .kh-r96-steps article{display:flex;flex-direction:column;align-items:center;min-height:177px;height:100%;box-sizing:border-box;padding:17px 15px!important;background:#FFFEFB;border-radius:17px}
#kh-main.kh-khatma .kh-r96-steps h3{margin-top:4px}
#kh-main.kh-khatma .kh-r96-steps p{min-height:0;font-size:.91rem;line-height:1.65}
#kh-main.kh-khatma .kh-panel,#kh-main.kh-khatma .kh-r95-outro,#kh-main.kh-khatma .kh98-khatma-mid{max-width:1160px;width:100%;box-sizing:border-box;margin-inline:auto;border-radius:20px!important;border-color:#DBE4DC}
#kh-main.kh-khatma #kh-r95-overview .kh-r96-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#kh-main.kh-khatma #kh-r95-overview .kh-r96-switch-card{min-height:85px;box-sizing:border-box;padding:16px 20px;border-radius:15px}
#kh-main.kh-khatma .kh-r96-create-card{background:#FFFEFA!important;max-width:1160px!important}
#kh-main.kh-khatma .kh99-step,#kh-main.kh-khatma .kh99-fields{min-width:0}
#kh-main.kh-khatma .kh-r96-choice-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;gap:11px!important}
#kh-main.kh-khatma .kh-r96-choice{display:flex!important;min-height:92px!important;border-radius:16px!important;align-items:flex-start;justify-content:center;padding:14px 17px!important;word-break:normal!important;white-space:normal!important}
#kh-main.kh-khatma .kh-r96-choice b{color:#124936!important;font-size:1.04rem!important;line-height:1.5;word-break:keep-all!important}
#kh-main.kh-khatma .kh-r96-choice small{color:#50695C!important;font-size:.88rem;line-height:1.55}
#kh-main.kh-khatma .kh-r96-choice:has(input:checked){background:#E2F1E7!important;border-color:#198465!important;box-shadow:0 0 0 1px #19846529!important}
#kh-main.kh-khatma #kh-create :is(input:not([type=radio]):not([type=checkbox]):not([type=file]),textarea){background:#FFFDF9;color:#1F493C;border:1.5px solid #C8D9D0;border-radius:14px}
#kh-main.kh-khatma .kh99-actions .kh99-next,#kh-main.kh-khatma .kh99-actions .kh99-submit{background:#086147!important;color:white!important}
#kh-main.kh-khatma .kh99-actions .kh99-back{background:#FDFCF7!important;color:#10523F!important}
/* part controls, consistent geometry, readable status badges */
#kh-main.kh-khatma .kh-part-layout.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;gap:12px!important}
#kh-main.kh-khatma .kh-part{min-height:160px;display:flex;flex-direction:column;justify-content:space-between;background:#FFFEFC;border-radius:17px!important;padding:16px!important}
#kh-main.kh-khatma .kh-part.done{background:#E5F2E9}
#kh-main.kh-khatma .kh-part.reserved{background:#FFF6E3}
#kh-main.kh-khatma .kh-part .kh-part-actions{margin-top:12px}
#kh-main.kh-khatma .kh-part .kh-part-actions button{min-height:39px!important;border-radius:10px!important}
#kh-main.kh-khatma .kh-part-layout.list .kh-part{min-height:85px;display:grid}
#kh-main.kh-khatma .kh-detail-head{align-items:center;flex-wrap:wrap;gap:12px}
#kh-main.kh-khatma .kh100-owner-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 10px}
#kh-main.kh-khatma .kh100-owner-actions button{min-height:39px;padding:8px 15px;border-radius:11px}
#kh-main.kh-khatma .kh100-owner-actions button[data-manage=delete]{background:#FFF0EC;color:#9D2E21;border:1px solid #E3B8AF}
#kh-main.kh-khatma .kh-r96-join-card{margin-top:16px;min-height:92px;padding:22px!important}
#kh-main.kh-khatma .kh-r96-join-card summary{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:1.14rem!important}
#kh-main.kh-khatma .kh-r96-join-card summary::after{float:none;order:2}
#kh-main.kh-khatma .kh-r95-outro{min-height:142px;display:flex;align-items:center;gap:18px;padding:25px!important}
#kh-main.kh-khatma .kh-r96-services-banner{display:none!important}
#kh-main.kh-khatma .kh100-member-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
#kh-main.kh-khatma .kh100-member-choice div{padding:13px 16px;border:1px solid #DBE4DC;border-radius:14px;background:#FFFDF9;display:grid;gap:4px}
#kh-main.kh-khatma .kh100-member-choice strong{font-size:.96rem;color:#075540}
#kh-main.kh-khatma .kh100-member-choice small{color:#60766B}
#kh-main.kh-khatma .kh100-member-choice .is-soon{opacity:.65;background:#F6F4EC}
#kh-main.kh-khatma .kh100-greeting-avatar{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;background:#DEEEE4;color:#0C5C44;font-weight:800;vertical-align:middle;margin-inline-end:10px;overflow:hidden}
#kh-main.kh-khatma .kh100-greeting-avatar img{width:100%;height:100%;object-fit:cover}
/* Authenticated leaderboard: opt-in by the individual only */
#kh-main.kh-khatma .kh100-board{background:#FFFEFB;border:1px solid #DBE4DC;padding:24px}
#kh-main.kh-khatma .kh100-board-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
#kh-main.kh-khatma .kh100-board-heading h2{margin:4px 0 1px;color:#075540;font-size:clamp(1.25rem,2.2vw,1.65rem)}
#kh-main.kh-khatma .kh100-board-heading p{color:#62766B;line-height:1.65;margin:0}
#kh-main.kh-khatma #kh100-load-ranks{background:#085D45;color:#fff;border:0;border-radius:12px;padding:11px 18px;min-height:44px;font-weight:800}
#kh-main.kh-khatma .kh100-consent{background:#F3F7F2;border:1px solid #D8E8DC;border-radius:13px;margin:18px 0 10px;padding:15px}
#kh-main.kh-khatma .kh100-consent label{display:flex;align-items:flex-start;gap:10px;font-weight:750;line-height:1.55;cursor:pointer;margin:0}
#kh-main.kh-khatma .kh100-consent input{width:19px;height:19px;flex:none;accent-color:#0B6649;margin-top:2px}
#kh-main.kh-khatma .kh100-consent p,#kh-main.kh-khatma .kh100-note{font-size:.85rem;color:#577164;line-height:1.7;margin:7px 0 0}
#kh-main.kh-khatma .kh100-rank-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}
#kh-main.kh-khatma .kh100-rank-tabs button{border:1px solid #C6DDCF;color:#0B5B44;background:#F7FCF8;font-size:.91rem;border-radius:99px;padding:9px 14px;min-height:42px}
#kh-main.kh-khatma .kh100-rank-tabs button.is-active{background:#075B43;color:#fff;border-color:#075B43}
#kh-main.kh-khatma .kh100-rank-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#kh-main.kh-khatma .kh100-rank-row{display:flex;align-items:center;gap:12px;border:1px solid #DDE8DE;background:#FFFCF7;border-radius:14px;padding:11px;min-width:0}
#kh-main.kh-khatma .kh100-rank-order{width:27px;text-align:center;color:#9A742F;font-weight:800}
#kh-main.kh-khatma .kh100-rank-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#E1EEE5;color:#085840;font-weight:800;overflow:hidden;flex:none}
#kh-main.kh-khatma .kh100-rank-avatar img{width:100%;height:100%;object-fit:cover}
#kh-main.kh-khatma .kh100-rank-name{font-weight:800;overflow-wrap:anywhere;min-width:0}
#kh-main.kh-khatma .kh100-rank-metric{margin-inline-start:auto;font-size:.83rem;color:#5A7165;white-space:nowrap}
#kh-main.kh-khatma .kh100-empty{padding:24px;color:#5B6D60;text-align:center;grid-column:1/-1}
/* home and index: matching mid-banner and footer preview */
.kh100-home-top,.kh100-home-banner{max-width:1160px;box-sizing:border-box;margin:16px auto;padding:16px 23px;background:#073F32;color:#FFF8EB;border:1px solid #C69B59;border-radius:20px;font-family:Tajawal,system-ui,sans-serif}
.kh100-home-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;min-height:84px}
.kh100-home-top p,.kh100-home-banner p{margin:0;color:#DFEDE4;line-height:1.6}
.kh100-home-top strong{display:block;font-size:1.09rem;color:#FFF6DF}
.kh100-home-top a,.kh100-home-banner a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #D8C08E;text-decoration:none;border-radius:12px;padding:10px 16px;min-height:43px;box-sizing:border-box;font-weight:800;background:#F2DFB8;color:#063F30}
.kh100-home-banner{padding:25px 28px;background:linear-gradient(116deg,#073D32,#0C5B45);margin:23px auto}
.kh100-home-banner h2{font:700 clamp(1.6rem,3vw,2.15rem)/1.4 Amiri,Tajawal,serif;color:#FFF9EA;margin:0 0 5px}
.kh100-home-banner .kh100-home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.kh100-home-banner .kh100-home-actions a:not(:first-child){background:#FFFFFF18;color:#FFF8E8}
.kh100-home-banner .kh100-home-actions a:hover,.kh100-home-top a:hover{filter:brightness(1.08)}
body:has(.kh100-home-top) .kh23-nav .kh100-header-link{color:#FFE0A2!important;border:1px solid #D8B775;border-radius:999px;padding:8px 13px;font-weight:800;white-space:nowrap}
body:has(.kh100-home-top) .kh23-panel .kh100-header-link{color:#095A40;font-weight:800}
body:has(.kh100-home-top) .kh23-nav{gap:clamp(6px,1.1vw,15px)}
body:has(.kh100-home-top) .kh98-top-strip,body:has(.kh100-home-top) #kh98-home-promo,body:has(.kh100-home-top) .kh98-footer-promo{display:none!important}
body:has(#kh-main.kh-khatma) .kh98-top-strip,body:has(#kh-main.kh-khatma) .kh98-footer-promo{display:none!important}
.kh100-home-banner :is(a,button):focus-visible,.kh100-home-top a:focus-visible,#kh-main.kh-khatma :is(button,a,input):focus-visible{outline:3px solid #E2C081!important;outline-offset:3px}
@media(max-width:900px){#kh-main.kh-khatma .kh-r96-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#kh-main.kh-khatma .kh100-rank-list{grid-template-columns:1fr}}
@media(max-width:580px){#kh-main.kh-khatma .kh-r96-hero{padding:19px 12px!important}#kh-main.kh-khatma .kh-r96-top-actions{display:grid;grid-template-columns:1fr;gap:8px}#kh-main.kh-khatma .kh-r96-top-actions button{width:100%}#kh-main.kh-khatma .kh-r96-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#kh-main.kh-khatma .kh-r96-steps article{min-height:190px;padding:15px 9px!important}#kh-main.kh-khatma .kh-r96-choice-grid{grid-template-columns:1fr!important}#kh-main.kh-khatma .kh100-member-choice{grid-template-columns:1fr}#kh-main.kh-khatma .kh100-rank-row{flex-wrap:wrap;gap:8px}#kh-main.kh-khatma .kh100-rank-metric{white-space:normal}#kh-main.kh-khatma .kh-r95-outro{padding:18px!important}#kh-main.kh-khatma .kh-r96-join-card{padding:16px!important}.kh100-home-top,.kh100-home-banner{margin:12px;padding:15px 17px;border-radius:17px}.kh100-home-top a{width:100%}.kh100-home-banner .kh100-home-actions{display:grid;grid-template-columns:1fr}.kh100-home-banner .kh100-home-actions a{width:100%}}
@media(max-width:360px){#kh-main.kh-khatma .kh-r96-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#kh-main.kh-khatma *, .kh100-home-top *, .kh100-home-banner *{transition:none!important}}

#kh-main.kh-khatma .kh-card.kh100-highlighted{outline:3px solid #CAA35E;outline-offset:4px;box-shadow:0 8px 24px #936F2B20}

/* /khalwati-public-assets/site-unified-r107.css */
/* Khalwati R10.7 - consolidated, non-destructive site fixes. Base R23 shell remains intact. */
:root{--kh107-green:#064c3b;--kh107-deep:#04382f;--kh107-gold:#c9a059;--kh107-ivory:#F7F5EF;--kh107-border:#d6dfd6}
html body{overflow-x:clip}
html body .kh23-header{isolation:isolate;background:linear-gradient(180deg,#064c3b,#053b31)!important;color:#f7f5ef!important;border-bottom:1px solid #cca45f!important;box-shadow:0 3px 9px rgba(3,55,42,.12)!important}
html body .kh23-header::after{pointer-events:none}
html body .kh23-header .kh23-brand,html body .kh23-header .kh23-brand span{color:#fff8e9!important}
html body .kh23-header .kh23-nav>a,html body .kh23-header .kh23-nav>a.kh107-khatma-link{color:#f6f4e9!important;font-family:Tajawal,system-ui,sans-serif!important;font-weight:750!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0 10px!important;border-radius:7px!important;font-size:15px!important;min-height:38px!important;display:inline-flex!important;align-items:center!important;text-decoration:none!important;white-space:nowrap!important}
html body .kh23-header .kh23-nav>a:hover,html body .kh23-header .kh23-nav>a:focus-visible{color:#f7d78e!important;background:#ffffff19!important}
html body .kh23-header .kh23-nav>a[aria-current="page"]{color:#f7d78e!important}
html body .kh23-panel a.kh107-khatma-link{color:#064c3b!important;font-weight:800!important;background:#f6f1e6!important}
html body .kh23-footer{background:linear-gradient(110deg,#04382f,#075440)!important;color:#f7f5ef!important;border-top:2px solid #c9a059!important;box-shadow:none!important}
html body .kh23-footer .kh23-brand,html body .kh23-footer .kh23-foot-links a{color:#fff9e9!important}
html body .kh23-footer .kh23-foot-links a:hover,html body .kh23-footer .kh23-foot-links a[aria-current="page"]{color:#f3d396!important}
html body .kh23-header~.kh23-header{display:none!important} /* fallback if stale script injects duplicates */
/* Compact, consistent banner geometry only on home page. */
body.home-refined .kh104-home-latest,body.home-refined .kh102-promo-pair{box-sizing:border-box!important;width:min(1160px,calc(100% - 32px))!important;max-width:1160px!important;margin-inline:auto!important}
body.home-refined .kh104-home-latest{border:1px solid var(--kh107-gold)!important;border-radius:17px!important;padding:14px 16px!important;margin-block:12px!important;background:#fcfaf4!important;min-height:unset!important;box-shadow:0 2px 12px #08372b0d!important}
body.home-refined .kh104-home-latest .kh104-feed-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body.home-refined .kh102-promo-pair{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;gap:14px!important;padding:0!important;margin-block:13px 18px!important;border:0!important;background:transparent!important}
body.home-refined .kh102-promo-pair>article{box-sizing:border-box!important;width:100%!important;min-height:156px!important;padding:16px 18px!important;border:1px solid #c9a059!important;border-radius:17px!important;box-shadow:0 4px 12px #063f3014!important}
body.home-refined .kh102-promo-pair h2{font-size:clamp(1.15rem,2vw,1.5rem)!important;line-height:1.4!important;margin:3px 0 6px!important}
body.home-refined .kh102-promo-pair p{font-size:.89rem!important;line-height:1.5!important;margin:3px 0 9px!important}
body.home-refined .kh102-promo-pair a{min-height:39px!important;box-sizing:border-box!important;border-radius:11px!important;padding:7px 12px!important;font-family:Tajawal,system-ui,sans-serif!important}
body.home-refined .kh104-home-latest .kh104-feed-card{min-width:0!important;min-height:0!important;box-sizing:border-box!important;border-radius:14px!important;padding:12px!important}
body.home-refined .kh104-feed-head{align-items:center!important;gap:12px!important}
body.home-refined .kh104-feed-head h2{font-size:clamp(1.15rem,2.2vw,1.55rem)!important}
/* Khatma list/layout: equal borders, heights only when content permits. */
#kh-main .kh-r95-steps>*{box-sizing:border-box!important;min-width:0!important}
#kh-main .kh-r96-switch-card,#kh-main .kh-r96-choice,#kh-main .kh-r96-side-card,#kh-main .kh-panel{box-sizing:border-box!important;border-width:1px!important;border-style:solid!important}
body .kh104-public-feed .kh104-feed-card,body .kh104-home-latest .kh104-feed-card{box-sizing:border-box!important;border:1px solid #d5e0d8!important;border-radius:14px!important}
/* QR modal: visible white modules and equal padding; drawn from original path in PNG. */
body .kh106-share-dialog{box-sizing:border-box!important;max-width:min(440px,calc(100vw - 24px))!important;width:100%!important;padding:18px!important;border:1px solid var(--kh107-gold)!important;border-radius:18px!important;background:#fffdf8!important;color:#064c3b!important;font-family:Tajawal,system-ui,sans-serif!important}
body .kh106-share-dialog .kh104-big-qr{box-sizing:border-box!important;padding:12px!important;margin:12px auto!important;border-radius:14px!important;background:#fff!important;border:1px solid #d8e4db!important;max-width:100%!important}
body .kh106-share-dialog img.kh106-qr-image{box-sizing:border-box!important;width:212px!important;height:212px!important;max-width:100%!important;object-fit:contain!important;background:#fff!important;border:8px solid white!important;border-radius:8px!important}
body .kh106-share-dialog .kh104-dialog-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
body .kh106-share-dialog .kh104-dialog-actions button{box-sizing:border-box!important;min-width:0!important;padding:10px 7px!important;font:800 .86rem/1.4 Tajawal,system-ui,sans-serif!important;border-radius:10px!important}
@media(max-width:1120px){html body .kh23-header .kh23-nav>a{padding-inline:7px!important}}
@media(max-width:1020px){html body .kh23-header .kh23-nav{display:none!important}}
@media(max-width:850px){body.home-refined .kh104-home-latest .kh104-feed-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.home-refined .kh102-promo-pair{grid-template-columns:1fr!important}body.home-refined .kh102-promo-pair>article{min-height:0!important}}
@media(max-width:580px){body.home-refined .kh104-home-latest,body.home-refined .kh102-promo-pair{width:calc(100% - 24px)!important}body.home-refined .kh104-home-latest .kh104-feed-cards{grid-template-columns:1fr!important}body.home-refined .kh104-feed-head{align-items:stretch!important;flex-direction:column!important}body .kh106-share-dialog .kh104-dialog-actions{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html body .kh23-header *{transition:none!important}}

/* R10.8 unified additions: exactly one home khatma banner; accessible nav / social tiles */
body.home-refined .kh108-one-banner{width:min(1160px,calc(100% - 32px));box-sizing:border-box;margin:14px auto 16px;padding:clamp(17px,2.7vw,27px);border:1px solid #c9a059;border-radius:18px;background:linear-gradient(112deg,#075743,#064233);color:#fff9eb;display:flex;gap:20px;align-items:center;justify-content:space-between;min-width:0}
body.home-refined .kh108-one-content{flex:1 1 50%;min-width:0}body.home-refined .kh108-one-banner h2{margin:3px 0 8px;color:#fff9eb;font:700 clamp(1.3rem,2vw,1.75rem)/1.5 Amiri,Tajawal,serif}
body.home-refined .kh108-one-banner p{font:500 clamp(.85rem,1.1vw,.98rem)/1.7 Tajawal,system-ui,sans-serif;color:#e5f1eb;margin:0}
body.home-refined .kh108-one-banner .kh108-kicker{color:#f3d091;font:700 .85rem/1.5 Tajawal,system-ui,sans-serif}
body.home-refined .kh108-one-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;flex:0 1 410px;min-width:0}
body.home-refined .kh108-one-actions a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;border:1px solid #afc8b5;border-radius:12px;padding:10px 12px;min-height:43px;font:800 .91rem/1.4 Tajawal,system-ui,sans-serif;color:#fff9ed;background:#ffffff16}
body.home-refined .kh108-one-actions a.kh108-primary,body.home-refined .kh108-one-actions a.kh108-google{background:#f3dca6;border-color:#f3dca6;color:#063f33}
body.home-refined .kh108-one-actions a:hover{filter:brightness(1.1);transform:translateY(-1px)}body.home-refined .kh108-one-actions a:focus-visible{outline:3px solid #ffe2a0;outline-offset:3px}
/* Service links are responsive, dark readable text for selected/hover/focus states. */
body.home-refined .community-home .community-grid{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:8px 12px;max-width:1100px;margin-inline:auto;overflow:visible!important}
body.home-refined .community-home .community-grid>a.community-card{position:relative;box-sizing:border-box;min-width:150px;flex:1 1 155px;max-width:230px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:10px 12px!important;color:#073f34!important;background:#fffdf7!important;border:1px solid #e5d6b7!important;border-radius:999px!important;white-space:normal;overflow-wrap:break-word;text-align:center;text-decoration:none;font-family:Tajawal,system-ui,sans-serif!important}
body.home-refined .community-home .community-grid>a.community-card strong{color:#073f34!important;font:800 .9rem/1.55 Tajawal,system-ui,sans-serif!important;white-space:normal!important}
body.home-refined .community-home .community-grid>a.community-card:is(:hover,:focus-visible,:active){background:#f1d899!important;border-color:#c9a059!important;color:#073f34!important}
body.home-refined .community-home .community-grid>a.community-card:is(:hover,:focus-visible,:active) strong{color:#073f34!important}
body.home-refined .community-home .community-card .channel-icon{flex:none!important}
body.home-refined .community-home .community-card .channel-arrow{display:none!important}
/* Keep page menu's Khatma item legible on phone and tablet. */
html body .kh23-panel a[href="/khatma.html"],html body .drawer-panel a[href="/khatma.html"]{color:#073f34!important;font:800 1rem/1.5 Tajawal,system-ui,sans-serif!important;display:flex!important;align-items:center;min-height:43px;padding:9px 13px;border-radius:11px;background:#f3ead5!important;text-decoration:none!important}
html body .kh23-panel a[href="/khatma.html"]:focus-visible,html body .drawer-panel a[href="/khatma.html"]:focus-visible{outline:3px solid #c9a059;outline-offset:2px}
@media(max-width:860px){body.home-refined .kh108-one-banner{flex-direction:column;align-items:stretch;gap:13px}body.home-refined .kh108-one-actions{flex:1 1 auto;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){body.home-refined .kh108-one-banner{width:calc(100% - 24px);padding:17px 15px;border-radius:15px}body.home-refined .kh108-one-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.home-refined .kh108-one-actions a{font-size:.84rem;padding:10px 7px}body.home-refined .community-home .community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body.home-refined .community-home .community-grid>a.community-card{width:100%;min-width:0;max-width:none;min-height:54px;padding:9px 7px!important}body.home-refined .community-home .community-grid>a.community-card strong{font-size:.86rem!important}}
@media(max-width:340px){body.home-refined .kh108-one-actions{grid-template-columns:1fr}body.home-refined .community-home .community-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.home-refined .kh108-one-actions a:hover{transform:none}}


/* R10.8: Khatma / Hisn shared visual tokens; scoped to Khatma to preserve Firebase behavior. */
#kh-main.kh-khatma {--kh108-ivory:#f7f5ef;--kh108-green:#173e35;--kh108-gold:#a27b39;color:var(--kh108-green);background:var(--kh108-ivory)}
#kh-main.kh-khatma .kh-panel{box-sizing:border-box;border-radius:18px;border:1px solid #d9dfd7;box-shadow:0 3px 15px #133f3110}
#kh-main.kh-khatma :is(button,input,select,textarea){font-family:Tajawal,system-ui,sans-serif}
#kh-main.kh-khatma :is(button,a,input,select,textarea):focus-visible{outline:3px solid #c19a4e!important;outline-offset:3px}
#kh-main.kh-khatma .kh-r96-choice-grid{grid-auto-rows:1fr;gap:10px}
#kh-main.kh-khatma .kh-r96-choice{box-sizing:border-box;min-width:0;min-height:95px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:14px 12px!important;border:1px solid #d8dfd6;border-radius:14px;background:#fffdfa;color:#173e35;text-align:right}
#kh-main.kh-khatma .kh-r96-choice b{color:#173e35;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.5}
#kh-main.kh-khatma .kh-r96-choice small{color:#5f7569;white-space:normal;line-height:1.55;overflow-wrap:break-word}
#kh-main.kh-khatma .kh-r96-choice:has(input:checked){border-color:#a27b39;background:#f7efdb;box-shadow:inset 0 0 0 1px #d6bc80,0 2px 6px #143d3410}
#kh-main.kh-khatma .kh-r96-choice:has(input:checked) b{color:#0b4f3b}
#kh-main.kh-khatma .kh-r96-choice:has(input:disabled){cursor:not-allowed;opacity:.62;background:#f3f1ec}
#kh-main.kh-khatma .kh-r96-top-actions :is(button,a){min-height:44px;box-sizing:border-box;white-space:normal;line-height:1.5}
#kh-main.kh-khatma .kh104-feed-card{box-sizing:border-box;min-width:0;max-width:100%;border-radius:14px;border:1px solid #d4dfd6}
#kh-main.kh-khatma .kh104-feed-card :is(button,a){min-height:40px;border-radius:11px}
#kh-main.kh-khatma .kh-r96-services-banner{display:none!important} /* Requested removal of redundant second services banner on Khatma */
@media(max-width:780px){#kh-main.kh-khatma .kh-r96-form-grid{grid-template-columns:minmax(0,1fr)!important}#kh-main.kh-khatma .kh-r96-choice-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}#kh-main.kh-khatma .kh-r96-choice-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:410px){#kh-main.kh-khatma .kh-r96-choice-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}#kh-main.kh-khatma .kh-r96-choice{min-height:88px;padding:10px!important}#kh-main.kh-khatma .kh-r96-choice b{font-size:.94rem}#kh-main.kh-khatma .kh-r96-choice small{font-size:.8rem}}
@media(max-width:320px){#kh-main.kh-khatma .kh-r96-choice-grid-3,#kh-main.kh-khatma .kh-r96-choice-grid-2{grid-template-columns:1fr}}


/* R10.8.2 • Community services: consistent RTL card layout and readable focus/selection. */
body.home-refined .community-home .community-grid {
 direction:rtl;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1000px;margin-inline:auto;align-items:stretch;justify-content:stretch;
}
body.home-refined .community-home .community-grid>a.community-card {
 direction:rtl;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:11px;
 width:100%;min-width:0;max-width:none;min-height:66px;padding:12px 16px!important;
 border:1px solid #dcc69f!important;border-radius:15px!important;
 background:#fffdf8!important;color:#073f34!important;
 text-align:right!important;box-shadow:0 3px 13px #073f340a;
 font:700 15px/1.5 Tajawal,system-ui,sans-serif!important;
}
body.home-refined .community-home .community-grid>a.community-card .channel-icon {
 flex:0 0 40px!important;width:40px!important;height:40px!important;margin:0!important;
 display:grid!important;place-items:center!important;order:0!important;
 border-radius:12px!important;background:#e5f1e9!important;color:#0c5b46!important;
}
body.home-refined .community-home .community-grid>a.community-card .channel-icon svg {width:21px;height:21px;max-width:21px;max-height:21px;}
body.home-refined .community-home .community-grid>a.community-card strong {
 color:#073f34!important;flex:1 1 auto;text-align:right!important;font:800 clamp(14px,1.35vw,16px)/1.5 Tajawal,system-ui,sans-serif!important;
}
body.home-refined .community-home .community-grid>a.community-card:is(:hover,:active),
body.home-refined .community-home .community-grid>a.community-card[aria-current="page"] {
 background:#f2dfb8!important;border-color:#b58b47!important;color:#073f34!important;
}
body.home-refined .community-home .community-grid>a.community-card:focus-visible {
 outline:3px solid #a27b39!important;outline-offset:3px!important;background:#fff3d8!important;
}
@media(max-width:710px){
 body.home-refined .community-home .community-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
 body.home-refined .community-home .community-grid>a.community-card {min-height:63px;padding:10px 11px!important;gap:8px;border-radius:13px!important;}
 body.home-refined .community-home .community-grid>a.community-card .channel-icon {flex-basis:35px!important;width:35px!important;height:35px!important;border-radius:10px!important;}
 body.home-refined .community-home .community-grid>a.community-card strong {font-size:14px!important;}
}
@media(max-width:350px){body.home-refined .community-home .community-grid {grid-template-columns:1fr;}}