/* Hisn al-Muslim V18 – scoped, additive layer. Keep site's central header/theme. */
body.hisn-v18 {
  --hisn18-bg:#f7faf7;
  --hisn18-paper:#ffffff;
  --hisn18-ink:#183c32;
  --hisn18-muted:#577168;
  --hisn18-soft:#eaf2ed;
  --hisn18-border:#d9e6de;
  --hisn18-accent:#17664d;
  --hisn18-gold:#b18c44;
  --hisn18-ring:#cfad62;
  --hisn18-shadow:0 10px 28px rgba(18,69,48,.065);
}
:where(html.dark, html.night, html.dark-mode, html.night-mode, html[data-theme="dark"], html[data-mode="dark"], html[data-color-mode="dark"]) body.hisn-v18,
body.hisn-v18.dark, body.hisn-v18.night, body.hisn-v18.dark-mode, body.hisn-v18.night-mode, body.hisn-v18[data-theme="dark"], body.hisn-v18[data-mode="dark"] {
  --hisn18-bg:#101c1a;
  --hisn18-paper:#1b2b27;
  --hisn18-ink:#f0f6f0;
  --hisn18-muted:#b2c5bb;
  --hisn18-soft:#243b32;
  --hisn18-border:#3a5148;
  --hisn18-accent:#86d5b2;
  --hisn18-gold:#e2ba6a;
  --hisn18-ring:#edc475;
  --hisn18-shadow:0 9px 24px rgba(0,0,0,.17);
}
body.hisn-v18 :is(button, input, a, summary, select):focus-visible {outline:3px solid var(--hisn18-ring);outline-offset:3px;}
body.hisn-v18 .hisn-main{box-sizing:border-box;max-width:1160px;width:min(100% - 32px,1160px);margin-inline:auto;padding:16px 0 70px;min-width:0;direction:rtl;color:var(--hisn18-ink);}
body.hisn-v18 .hisn-main *, body.hisn-v18 .hisn-player *{box-sizing:border-box;}
body.hisn-v18 .hisn-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--hisn18-muted);margin-block:0 12px;line-height:1.6;}
body.hisn-v18 .hisn-breadcrumb a{color:var(--hisn18-accent);text-decoration:none;}
body.hisn-v18 .hisn-hero{background:linear-gradient(114deg,#195440,#1b6b51 64%,#477257);color:#fff;border:1px solid rgba(209,187,134,.5);border-radius:20px;padding:clamp(16px,3vw,30px);box-shadow:var(--hisn18-shadow);display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:16px;align-items:center;position:relative;overflow:hidden;margin:0 0 14px;min-height:0;}
body.hisn-v18 .hisn-hero:before{content:'۞';position:absolute;inset-inline-start:15%;top:-55px;color:#fff;opacity:.045;font-size:190px;pointer-events:none;}
body.hisn-v18 .hisn-hero__copy{position:relative;z-index:1;min-width:0;}
body.hisn-v18 .hisn-eyebrow{font-size:12px;font-weight:700;letter-spacing:0;color:var(--hisn18-accent);margin:0 0 6px;}
body.hisn-v18 .hisn-hero .hisn-eyebrow{color:#e7d2a0;}
body.hisn-v18 .hisn-hero h1{color:#fff;font-size:clamp(1.4rem,2.75vw,2.2rem);line-height:1.35;margin:0 0 7px;}
body.hisn-v18 .hisn-hero__copy > p:not(.hisn-eyebrow){color:#f0f7f1;font-size:clamp(13px,1.4vw,15px);line-height:1.85;margin:0;max-width:70ch;}
body.hisn-v18 .hisn-hero__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
body.hisn-v18 .hisn-hero__cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid rgba(255,255,255,.4);border-radius:10px;text-decoration:none;color:#fff;font-size:13px;font-weight:750;background:rgba(255,255,255,.09);}
body.hisn-v18 .hisn-hero__cta--primary{background:#f1ddb0;color:#184d3b;border-color:#f1ddb0;}
body.hisn-v18 .hisn-hero__stats{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;}
body.hisn-v18 .hisn-hero__stats span{padding:3px 10px;border:1px solid rgba(255,255,255,.22);border-radius:30px;color:#edf7ee;font-size:11px;}
body.hisn-v18 .hisn-hero__visual{position:relative;display:grid;place-items:center;gap:7px;text-align:center;z-index:1;}
body.hisn-v18 .hisn-hero__book{width:95px;height:116px;overflow:hidden;border-radius:9px;border:1px solid #c9ae76;background:#164638;box-shadow:0 9px 20px rgba(0,0,0,.15);}
body.hisn-v18 .hisn-hero__book img{width:100%;height:100%;object-fit:cover;}
body.hisn-v18 .hisn-hero__seal,body.hisn-v18 .hisn-hero__mini-stat{font-size:11px;color:#f4eacb;}
body.hisn-v18 .hisn-last:not([hidden]){margin:0 0 12px;border:1px solid var(--hisn18-border);background:var(--hisn18-paper);border-radius:12px;padding:10px 14px;color:var(--hisn18-ink);}
body.hisn-v18 .hisn-quick{margin:0 0 15px;background:var(--hisn18-paper);border:1px solid var(--hisn18-border);border-radius:16px;padding:13px;box-shadow:var(--hisn18-shadow);}
body.hisn-v18 .hisn-quick > summary{display:flex;align-items:center;justify-content:space-between;gap:9px;cursor:pointer;min-height:32px;color:var(--hisn18-ink);margin-bottom:8px;}
body.hisn-v18 .hisn-quick:not([open]) > summary{margin-bottom:0;}
body.hisn-v18 .hisn-quick__summary-copy{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
body.hisn-v18 .hisn-quick__summary-copy small{color:var(--hisn18-gold);font-weight:700;}
body.hisn-v18 .hisn-quick__summary-copy strong{font-size:17px;}
body.hisn-v18 .hisn-quick__summary-action{font-size:11px;color:var(--hisn18-muted);}
body.hisn-v18 .hisn-quick__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
body.hisn-v18 .hisn-quick__grid a{display:flex;align-items:center;gap:9px;min-height:57px;padding:9px 12px;background:var(--hisn18-soft);color:var(--hisn18-ink);border:1px solid var(--hisn18-border);border-radius:11px;text-decoration:none;transition:border-color .15s,transform .15s;}
body.hisn-v18 .hisn-quick__grid a:hover{border-color:var(--hisn18-gold);transform:translateY(-1px);}
body.hisn-v18 .hisn-quick__grid a strong{font-size:13px;line-height:1.4;}
body.hisn-v18 .hisn-quick__icon{font-family:inherit;border:1px solid color-mix(in srgb,var(--hisn18-gold) 40%,transparent);background:var(--hisn18-paper);color:var(--hisn18-accent);width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;font-size:18px;}
body.hisn-v18 .hisn-browser{background:var(--hisn18-paper);border:1px solid var(--hisn18-border);border-radius:16px;padding:clamp(12px,2.5vw,23px);box-shadow:var(--hisn18-shadow);}
body.hisn-v18 .hisn-section-head{margin-bottom:12px;}
body.hisn-v18 .hisn-section-head h2{margin:0 0 5px;font-size:clamp(18px,2vw,23px);color:var(--hisn18-ink);}
body.hisn-v18 .hisn-section-head p:not(.hisn-eyebrow){font-size:13px;color:var(--hisn18-muted);margin:0;}
body.hisn-v18 .hisn-section-head--browser{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
body.hisn-v18 .hisn-section-head--browser > div:first-child{flex:1 1 250px;}
body.hisn-v18 .hisn-search-wrap{position:relative;flex:1 1 295px;max-width:500px;}
body.hisn-v18 #hisn-search{width:100%;height:46px;min-width:0;background:var(--hisn18-paper);border:1.5px solid var(--hisn18-border);border-radius:12px;padding:10px 13px 10px 44px;font:inherit;font-size:14px;color:var(--hisn18-ink);direction:rtl;}
body.hisn-v18 #hisn-search::placeholder{color:var(--hisn18-muted);opacity:.9;}
body.hisn-v18 #hisn-search-clear{position:absolute;inset-inline-end:5px;top:5px;min-width:34px;height:36px;display:grid;place-items:center;font-size:23px;border:0;border-radius:8px;background:var(--hisn18-soft);color:var(--hisn18-ink);cursor:pointer;}
body.hisn-v18 #hisn-search-clear[hidden]{display:none!important;}
body.hisn-v18 .hisn-filters{display:flex;gap:7px;overflow-x:auto;max-width:100%;padding:0 0 9px;scrollbar-width:thin;overscroll-behavior-x:contain;}
body.hisn-v18 .hisn-filters button{font:inherit;font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0;min-height:37px;padding:7px 12px;border:1px solid var(--hisn18-border);border-radius:100px;background:var(--hisn18-soft);color:var(--hisn18-ink);cursor:pointer;}
body.hisn-v18 .hisn-filters button:is(.is-active,[aria-pressed="true"]){background:var(--hisn18-accent);border-color:var(--hisn18-accent);color:var(--hisn18-paper);}
body.hisn-v18 .hisn-results-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--hisn18-muted);font-size:13px;margin:5px 0 13px;}
body.hisn-v18 #hisn-reset{font:inherit;color:var(--hisn18-accent);border:1px solid var(--hisn18-border);background:var(--hisn18-soft);border-radius:8px;padding:6px 12px;cursor:pointer;}
body.hisn-v18 .hisn-index-grid{list-style:none!important;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
body.hisn-v18 .hisn-index-item{list-style:none!important;margin:0;min-width:0;}
body.hisn-v18 .hisn-index-item[hidden]{display:none!important;}
body.hisn-v18 .hisn-index-card{height:100%;display:flex;align-items:center;gap:9px;min-height:66px;border:1px solid var(--hisn18-border);border-radius:11px;padding:9px 11px;text-decoration:none;color:var(--hisn18-ink);background:var(--hisn18-paper);}
body.hisn-v18 .hisn-index-card:hover,body.hisn-v18 .hisn-index-card:focus-visible{background:var(--hisn18-soft);border-color:var(--hisn18-gold);}
body.hisn-v18 .hisn-index-card__number{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:8px;background:var(--hisn18-soft);color:var(--hisn18-accent);font-size:11px;font-weight:800;}
body.hisn-v18 .hisn-index-card__body{flex:1;min-width:0;display:grid;gap:3px;}
body.hisn-v18 .hisn-index-card__body strong{font-size:13px;line-height:1.45;font-weight:700;overflow-wrap:anywhere;}
body.hisn-v18 .hisn-index-card__body small{font-size:11px;color:var(--hisn18-muted);}
body.hisn-v18 .hisn-index-card__arrow{font-size:17px;color:var(--hisn18-gold);}
body.hisn-v18 .hisn-empty:not([hidden]),body.hisn-v18 .hisn-noscript{border:1px solid var(--hisn18-border);background:var(--hisn18-soft);border-radius:10px;padding:15px;text-align:center;color:var(--hisn18-muted);}
body.hisn-v18 .hisn-related{margin-top:16px;background:var(--hisn18-paper);border:1px solid var(--hisn18-border);border-radius:16px;padding:16px;}
body.hisn-v18 .hisn-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
body.hisn-v18 .hisn-related__grid a{min-width:0;padding:12px;border-radius:10px;border:1px solid var(--hisn18-border);color:var(--hisn18-ink);text-decoration:none;line-height:1.5;font-size:13px;font-weight:700;background:var(--hisn18-soft);}
body.hisn-v18 .hisn-related__grid a:hover{border-color:var(--hisn18-gold);}
body.hisn-v18 .hisn-related__grid a.is-primary{border-color:var(--hisn18-gold);}
body.hisn-v18 .hisn-detail-hero{background:linear-gradient(115deg,var(--hisn18-soft),var(--hisn18-paper));border:1px solid var(--hisn18-border);border-top:3px solid var(--hisn18-gold);border-radius:14px;padding:clamp(13px,2.5vw,22px);margin:0 0 12px;}
body.hisn-v18 .hisn-detail-hero h1{font-size:clamp(1.4rem,2.9vw,2rem);line-height:1.4;color:var(--hisn18-ink);margin:0 0 5px;}
body.hisn-v18 .hisn-detail-hero p:not(.hisn-eyebrow){color:var(--hisn18-muted);font-size:13px;line-height:1.7;margin:0 0 6px;}
body.hisn-v18 .hisn-detail-hero__meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px;font-size:12px;color:var(--hisn18-muted);}
body.hisn-v18 .hisn-detail-hero__meta span{background:var(--hisn18-paper);border:1px solid var(--hisn18-border);padding:5px 10px;border-radius:50px;}
body.hisn-v18 .hisn-reading-tools{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 8px;padding:10px;background:var(--hisn18-paper);border:1px solid var(--hisn18-border);border-radius:12px;}
body.hisn-v18 .hisn-tool,body.hisn-v18 .hisn-font-indicator{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid var(--hisn18-border);border-radius:9px;padding:5px 11px;text-decoration:none;font:inherit;font-size:13px;font-weight:750;color:var(--hisn18-ink);background:var(--hisn18-soft);cursor:pointer;}
body.hisn-v18 .hisn-tool--index{background:var(--hisn18-accent);color:var(--hisn18-paper);}
body.hisn-v18 .hisn-font-indicator{min-width:65px;cursor:default;font-variant-numeric:tabular-nums;}
body.hisn-v18 .hisn-reading-intro{margin:8px 1px 10px;color:var(--hisn18-muted);line-height:1.8;font-size:13px;}
body.hisn-v18 .hisn-content-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
body.hisn-v18 .hisn-dhikr-card{min-width:0;border:1px solid var(--hisn18-border);border-radius:14px;background:var(--hisn18-paper);padding:clamp(13px,2vw,20px);box-shadow:var(--hisn18-shadow);}
body.hisn-v18 .hisn-dhikr-card.hisn-v18-done{border-color:var(--hisn18-gold);}
body.hisn-v18 .hisn-dhikr-card__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--hisn18-border);}
body.hisn-v18 .hisn-dhikr-card__number{color:var(--hisn18-accent);font-size:13px;font-weight:800;}
body.hisn-v18 .hisn-dhikr-card__actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
body.hisn-v18 .hisn-mini-btn{min-height:36px;min-width:50px;border:1px solid var(--hisn18-border);border-radius:8px;background:var(--hisn18-soft);color:var(--hisn18-ink);font:inherit;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;cursor:pointer;}
body.hisn-v18 .hisn-mini-btn--audio{color:var(--hisn18-accent);}
body.hisn-v18 .hisn-dhikr-text{color:var(--hisn18-ink);font-size:calc(1.25rem * var(--hisn18-scale,1))!important;line-height:2.12!important;text-align:start;white-space:normal;overflow-wrap:break-word;word-break:normal;direction:rtl;margin:8px 0 12px;}
body.hisn-v18 .hisn-dhikr-card__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--hisn18-muted);font-size:12px;padding:8px 0;margin:0;}
body.hisn-v18 .hisn-dhikr-card__meta strong{color:var(--hisn18-accent);font-weight:800;}
body.hisn-v18 .hisn-audio-link{font-size:12px;color:var(--hisn18-accent);}
body.hisn-v18 .hisn-v18-counter{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:5px;padding:10px;border:1px dashed var(--hisn18-border);border-radius:10px;background:var(--hisn18-soft);}
body.hisn-v18 .hisn-v18-counter button{min-height:38px;min-width:40px;border:1px solid var(--hisn18-border);border-radius:8px;font:inherit;font-size:12px;font-weight:750;background:var(--hisn18-paper);color:var(--hisn18-ink);padding:7px 10px;cursor:pointer;}
body.hisn-v18 .hisn-v18-counter .hisn-v18-count-add{background:var(--hisn18-accent);color:var(--hisn18-paper);border-color:var(--hisn18-accent);}
body.hisn-v18 .hisn-v18-count-display{font-size:13px;min-width:62px;text-align:center;font-weight:800;color:var(--hisn18-ink);font-variant-numeric:tabular-nums;}
body.hisn-v18 .hisn-v18-counter.is-complete{border-color:var(--hisn18-gold);}
body.hisn-v18 .hisn-v18-counter.is-complete .hisn-v18-count-display:after{content:' ✓';color:var(--hisn18-accent);}
body.hisn-v18 .hisn-prev-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px;}
body.hisn-v18 .hisn-nav-card{display:grid;gap:6px;align-content:center;min-height:65px;padding:12px 14px;border:1px solid var(--hisn18-border);border-radius:11px;background:var(--hisn18-paper);color:var(--hisn18-ink);text-decoration:none;min-width:0;}
body.hisn-v18 .hisn-nav-card small{font-size:12px;color:var(--hisn18-accent);}
body.hisn-v18 .hisn-nav-card strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere;}
body.hisn-v18 .hisn-nav-card:hover{border-color:var(--hisn18-gold);}
body.hisn-v18 .hisn-skip-link{position:absolute;top:-100px;inset-inline-start:10px;background:var(--hisn18-paper);color:var(--hisn18-ink);padding:8px 12px;z-index:3000;}
body.hisn-v18 .hisn-skip-link:focus{top:7px;}
body.hisn-v18 [hidden]{display:none!important;}
@media(max-width:800px){
 body.hisn-v18 .hisn-hero{grid-template-columns:minmax(0,1fr) 105px;gap:10px;}
 body.hisn-v18 .hisn-hero__book{width:76px;height:96px;}
 body.hisn-v18 .hisn-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 body.hisn-v18 .hisn-related__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 body.hisn-v18 .hisn-quick__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:520px){
 body.hisn-v18 .hisn-main{width:calc(100% - 20px);padding-top:8px;}
 body.hisn-v18 .hisn-hero{grid-template-columns:1fr;padding:15px;}
 body.hisn-v18 .hisn-hero__visual{display:none;}
 body.hisn-v18 .hisn-hero__actions{margin-top:9px;}
 body.hisn-v18 .hisn-hero__stats{margin-top:8px;}
 body.hisn-v18 .hisn-quick{padding:10px;}
 body.hisn-v18 .hisn-quick__grid{gap:7px;}
 body.hisn-v18 .hisn-quick__grid a{min-height:64px;padding:8px;gap:6px;}
 body.hisn-v18 .hisn-quick__grid a strong{font-size:12px;}
 body.hisn-v18 .hisn-quick__icon{width:29px;height:29px;flex-basis:29px;}
 body.hisn-v18 .hisn-index-grid{gap:7px;}
 body.hisn-v18 .hisn-index-card{gap:6px;padding:8px;min-height:74px;}
 body.hisn-v18 .hisn-index-card__number{flex-basis:25px;width:25px;height:30px;font-size:10px;}
 body.hisn-v18 .hisn-index-card__body strong{font-size:12px;}
 body.hisn-v18 .hisn-index-card__body small{font-size:10px;}
 body.hisn-v18 .hisn-index-card__arrow{display:none;}
 body.hisn-v18 .hisn-reading-tools{gap:5px;padding:7px;}
 body.hisn-v18 .hisn-reading-tools .hisn-tool{flex:1 1 auto;padding:7px 6px;min-width:0;min-height:40px;font-size:12px;}
 body.hisn-v18 .hisn-font-indicator{min-width:54px;padding:5px 6px;}
 body.hisn-v18 .hisn-dhikr-text{font-size:calc(1.13rem * var(--hisn18-scale,1))!important;line-height:2.05!important;}
 body.hisn-v18 .hisn-v18-counter{padding:7px;gap:5px;}
 body.hisn-v18 .hisn-v18-counter button{padding:7px;min-height:40px;}
 body.hisn-v18 .hisn-nav-card{padding:10px;}
 body.hisn-v18 .hisn-related__grid a{font-size:12px;}
}
@media(prefers-reduced-motion:reduce){body.hisn-v18 .hisn-main *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}