/* Khalwati R25 — مشايخ الطريقة: portrait grid, reader. Same palette as the site. */
@font-face{font-family:'Amiri';font-style:normal;font-weight:400;font-display:swap;src:url('/khalwati-public-assets/v25/amiri-arabic-400-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Amiri';font-style:normal;font-weight:700;font-display:swap;src:url('/khalwati-public-assets/v25/amiri-arabic-700-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Amiri';font-style:normal;font-weight:400;font-display:swap;src:url('/khalwati-public-assets/v25/amiri-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+FEFF}
@font-face{font-family:'Amiri';font-style:normal;font-weight:700;font-display:swap;src:url('/khalwati-public-assets/v25/amiri-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+FEFF}
:root{--sk-green:#07583d;--sk-deep:#073f34;--sk-night:#052e26;--sk-gold:#c99a37;--sk-gold-l:#f1d38f;--sk-paper:#fffdf8;--sk-cream:#fbf6e9;--sk-ink:#23302b;--sk-muted:#6b7069;--sk-line:#e6d6ae;--sk-fs:20px}
html{scroll-behavior:smooth}
body.sk-body{margin:0;background:var(--sk-cream);color:var(--sk-ink);font-family:'Tajawal',system-ui,sans-serif;-webkit-text-size-adjust:100%}
.sk-page{display:block}
.sk-page *{box-sizing:border-box}

/* ---------- hero with the tree ---------- */
.sk-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 50% 100%,#0b5a45 0%,var(--sk-deep) 48%,var(--sk-night) 100%);color:#fff;padding:56px 16px 48px;text-align:center;border-bottom:3px solid var(--sk-gold)}
.sk-hero::before{content:"";position:absolute;inset:0;opacity:.07;background-image:radial-gradient(circle at 1px 1px,#f1d38f 1px,transparent 1.6px);background-size:22px 22px;pointer-events:none}
@media (prefers-reduced-motion:no-preference){
    }
@keyframes sk-twinkle{0%,100%{opacity:1}50%{opacity:.62}}
.sk-hero-copy{position:relative;max-width:760px;margin:0 auto}
.sk-orn{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px auto 2px;color:var(--sk-gold-l)}
.sk-orn span{width:70px;height:1px;background:linear-gradient(90deg,transparent,var(--sk-gold-l))}
.sk-orn span:last-child{transform:scaleX(-1)}
.sk-basmala{font-family:'Amiri',serif;color:var(--sk-gold-l);font-size:20px;margin:0 0 4px}
.sk-hero h1{font-family:'Amiri',serif;font-weight:700;font-size:clamp(34px,6vw,58px);line-height:1.25;margin:0;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.sk-lead{margin:10px auto 18px;max-width:620px;color:#dfe9e3;font-size:clamp(15px,2.2vw,18px);line-height:1.9}
.sk-hero-cta{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;background:linear-gradient(180deg,#f1d38f,#c99a37);color:var(--sk-night);font-weight:800;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.sk-hero-cta:hover{filter:brightness(1.05)}

/* ---------- portrait grid ---------- */
.sk-list{max-width:1200px;margin:0 auto;padding:34px 16px 10px}
.sk-list-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:18px}
.sk-list-head h2{margin:0;font-size:clamp(19px,2.6vw,24px);color:var(--sk-deep)}
.sk-count{color:#8a6116;background:#f4e7c4;border-radius:999px;padding:4px 12px;font-weight:700;font-size:14px}
.sk-cards{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:780px}
@media (min-width:1100px){.sk-cards{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none}}
.sk-card{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;padding:12px 10px 16px;border-radius:20px;background:var(--sk-paper);border:1px solid var(--sk-line);text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.sk-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(7,63,52,.12);border-color:var(--sk-gold)}
.sk-card[aria-current="true"]{border-color:var(--sk-green);box-shadow:0 0 0 2px var(--sk-green) inset}
.sk-card-frame{display:block;width:100%;aspect-ratio:760/1008;border-radius:14px;overflow:hidden}
.sk-card-img{display:block;width:100%;height:100%;object-fit:contain}
.sk-card-kicker{margin-top:10px;color:#8a6116;font-size:12.5px;font-weight:700}
.sk-card-name{margin-top:4px;color:var(--sk-deep);font-size:16.5px;line-height:1.5}
.sk-card-blurb{margin-top:4px;color:var(--sk-muted);font-size:13.5px;line-height:1.7}
.sk-card:focus-visible,.sk-hero-cta:focus-visible,.sk-tools button:focus-visible,.sk-pn a:focus-visible{outline:2px solid var(--sk-gold);outline-offset:3px}

/* ---------- reader ---------- */
.sk-reader{max-width:900px;margin:0 auto;padding:18px 16px 30px;scroll-margin-top:80px}
.sk-article{background:var(--sk-paper);border:1px solid var(--sk-line);border-radius:24px;padding:clamp(18px,4vw,40px);margin:0 0 26px;scroll-margin-top:80px;box-shadow:0 10px 34px rgba(7,63,52,.06)}
.sk-js .sk-article{display:none}
.sk-js .sk-article.is-open{display:block;animation:sk-in .28s ease}
@keyframes sk-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sk-art-head{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:clamp(14px,3vw,28px);align-items:center;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--sk-line)}
.sk-art-img{width:100%;height:auto;display:block}
.sk-art-label{display:inline-block;color:#8a6116;background:#f4e7c4;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}
.sk-art-head h2{font-family:'Amiri',serif;font-size:clamp(23px,3.4vw,32px);line-height:1.6;color:var(--sk-deep);margin:10px 0 6px}
.sk-art-desc{margin:0;color:var(--sk-muted);font-size:15.5px;line-height:1.8}
.sk-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sk-tools button,.sk-back{min-height:40px;min-width:44px;padding:0 12px;border-radius:12px;border:1px solid var(--sk-line);background:var(--sk-cream);color:var(--sk-deep);font:700 15px 'Tajawal',sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.sk-tools button:hover,.sk-back:hover{border-color:var(--sk-gold)}
.sk-text{font-family:'Amiri',serif;font-size:var(--sk-fs);line-height:2.15;color:#1d2a25;text-align:justify;text-justify:inter-word;hyphens:none}
.sk-text p{margin:0 0 1em}
.sk-text h3{font-family:'Amiri',serif;font-size:1.22em;color:var(--sk-green);margin:1.4em 0 .5em;line-height:1.6}
.sk-text .sk-basmala{color:#8a6116;text-align:center;font-size:1.15em;margin:0 0 .9em}
.sk-text .sk-section-bismillah{color:#8a6116;text-align:center;margin:1.2em 0 .6em}
.sk-text .sk-inline-head{color:var(--sk-green)}
.sk-text .sk-bullet-p{padding-inline-start:1.2em;position:relative}
.sk-text .sk-bullet-p::before{content:"◆";position:absolute;inset-inline-start:0;color:var(--sk-gold);font-size:.6em;top:.55em}
.sk-text .sk-poetry{margin:1em auto 1.4em;padding:14px 18px;max-width:640px;background:var(--sk-cream);border-radius:16px;border-inline-start:4px solid var(--sk-gold);text-align:center}
.sk-text .sk-verse{margin:0 0 .35em;text-align:center}
.sk-text .sk-source,.sk-text .sk-source-subtitle,.sk-text .sk-summary{font-family:'Tajawal',sans-serif;font-size:.78em;line-height:1.9;color:var(--sk-muted)}
.sk-text .sk-source-heading{font-weight:800;color:var(--sk-deep)}
.sk-text .sk-introduction{border-top:1px dashed var(--sk-line);padding-top:1em;margin-top:1.4em}
.sk-text .sk-author,.sk-text .sk-signature{text-align:left;color:var(--sk-green);font-weight:700}
.sk-text .sk-date,.sk-text .sk-role{text-align:left;color:var(--sk-muted);font-size:.85em}
.sk-pn{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin-top:26px;padding-top:18px;border-top:1px solid var(--sk-line)}
.sk-pn a{display:flex;flex-direction:column;justify-content:center;min-height:52px;padding:8px 14px;border-radius:14px;background:var(--sk-cream);border:1px solid var(--sk-line);color:var(--sk-deep);text-decoration:none;font-weight:700;font-size:14.5px;line-height:1.5}
.sk-pn a:hover{border-color:var(--sk-gold)}
.sk-pn small{color:var(--sk-muted);font-weight:500;font-size:12px}
.sk-pn-next{grid-column:1;text-align:right}
.sk-pn-all{grid-column:2;align-items:center}
.sk-pn-prev{grid-column:3;text-align:left}

@media (max-width:599px){.sk-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width:700px){
  .sk-hero{padding:36px 14px 34px}

  .sk-card{padding:8px 8px 12px;border-radius:16px}
  .sk-card-name{font-size:15px}.sk-card-blurb{display:none}
  .sk-art-head{grid-template-columns:110px 1fr;align-items:start}
  :root{--sk-fs:19px}
  .sk-pn{grid-template-columns:1fr 1fr}
  .sk-pn-all{grid-column:1/-1;order:3}
  .sk-pn-next{grid-column:1}.sk-pn-prev{grid-column:2}
}
@media print{.sk-hero,.sk-list,.sk-tools,.sk-pn{display:none}.sk-js .sk-article{display:block}.sk-article{border:0;box-shadow:none}}

/* R26: Sheikh Ahmed — preface block */
.sk-text .sk-intro-first{border-top:0;padding-top:0;margin-top:0;margin-bottom:1.6em;padding-bottom:1.2em;border-bottom:1px dashed var(--sk-line)}
.sk-text .sk-intro-first h3{text-align:center;margin-top:0}
.sk-text sup{font-size:.6em;line-height:0;color:#8a6116;font-family:'Tajawal',sans-serif;vertical-align:super}
.sk-text .sk-signature-block{display:flex;flex-direction:column;align-items:center;gap:.15em;margin:1.4em 0 .8em;text-align:center;line-height:1.9}
.sk-text .sk-signature-block strong{color:var(--sk-green);font-size:1.12em}
.sk-text .sk-signature-block span{color:var(--sk-muted);font-size:.9em}
.sk-text .sk-footnote{font-family:'Tajawal',sans-serif;font-size:.72em;color:var(--sk-muted);border-top:1px solid var(--sk-line);padding-top:.6em;margin-top:1em}