@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;600;700;800&display=swap');
:root{--green:#07583d;--green-2:#0b6b49;--deep:#043c2a;--gold:#c99a37;--gold-2:#e6bd60;--cream:#fbf6e9;--paper:#fffdf8;--ink:#153d32;--muted:#6e746e;--line:#e6d6ae;--shadow:0 14px 42px rgba(60,45,20,.08);--r:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Tajawal',system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}svg{width:1.45em;height:1.45em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.container{width:min(1180px,calc(100% - 40px));margin:auto}.muted{color:var(--muted)}
/* entry */.entry-page{min-height:100svh;background:#e8dcc2;position:relative;overflow:hidden}.entry-bg{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(255,247,229,.13) 0%,rgba(10,64,44,.03) 56%,rgba(251,246,233,.96) 86%),url('/khalwati-public-assets/masjid-nabawi-hero.webp');background-size:cover;background-position:center 40%;filter:saturate(.86) contrast(.96)}.entry-content{position:relative;z-index:2;min-height:100svh;display:flex;align-items:flex-end;padding:44px 0}.entry-card{width:min(900px,94vw);margin:0 auto;background:rgba(255,253,248,.94);backdrop-filter:blur(8px);border:1px solid rgba(201,154,55,.42);border-radius:36px;padding:34px;box-shadow:0 24px 70px rgba(31,46,38,.18)}.entry-brand{text-align:center;margin-bottom:22px}.entry-brand img{width:78px;margin:0 auto 12px}.entry-brand h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;margin:0;font-weight:800;letter-spacing:-.04em}.entry-brand p{margin:8px 0 0;color:#9b7425;font-size:1.1rem;font-weight:600}.entry-welcome{text-align:center;border-top:1px solid var(--line);padding-top:20px;margin-top:10px}.entry-welcome h2{margin:0 0 4px;font-size:1.45rem}.entry-welcome p{margin:0;color:var(--muted)}.entry-choice-title{text-align:center;margin:22px 0 12px;font-size:1.4rem}.entry-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.entry-choice{border:1px solid var(--line);border-radius:22px;padding:20px 18px;text-align:center;background:var(--paper);transition:.2s;box-shadow:0 6px 18px rgba(80,57,14,.04)}.entry-choice svg{width:38px;height:38px;margin-bottom:6px}.entry-choice strong{display:block;font-size:1.18rem}.entry-choice small{display:block;color:var(--muted);margin-top:4px}.entry-choice.mobile{background:linear-gradient(145deg,var(--green-2),var(--deep));color:#fff;border-color:var(--gold)}.entry-choice.mobile small{color:#e5eee9}.entry-choice:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.entry-note{text-align:center;font-size:.82rem;color:#7b7d78;margin-top:16px}
/* header */.site-header{position:sticky;top:0;z-index:40;background:rgba(251,246,233,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,154,55,.26)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.05rem}.brand img{width:44px;height:44px;object-fit:contain}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn,.pill-btn{border:1px solid var(--line);background:rgba(255,253,248,.82);color:var(--deep);min-width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.pill-btn{padding:0 14px;gap:7px;font-weight:700}.nav-links{display:flex;align-items:center;gap:5px}.nav-links a{padding:9px 12px;border-radius:12px;font-weight:600}.nav-links a:hover{background:#f1ead8}.mobile-menu{display:none}
/* home */.home-hero{padding:46px 0 24px}.home-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:center}.welcome-box h1{font-size:clamp(2.2rem,5vw,4.2rem);margin:0 0 12px;line-height:1.08;letter-spacing:-.045em}.welcome-box h1 span{color:var(--green)}.welcome-box p{font-size:1.15rem;color:var(--muted);max-width:700px;margin:0 0 22px}.quick-search{position:relative;max-width:650px}.quick-search input,.library-search input{width:100%;height:56px;border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:0 52px 0 18px;outline:none;font-size:1rem;box-shadow:0 6px 24px rgba(75,50,10,.03)}.quick-search svg,.library-search svg{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:#7a806f}.feature-panel{background:linear-gradient(145deg,#0a6949,#043c2a);color:#fff;padding:28px;border-radius:32px;box-shadow:var(--shadow);position:relative;overflow:hidden}.feature-panel:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(230,189,96,.16),transparent 38%)}.feature-panel>*{position:relative}.feature-panel small{color:#f2d58f;font-weight:700}.feature-panel h2{font-size:2rem;margin:8px 0}.feature-panel p{color:#dce8e1;margin:0}.section{padding:28px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.section-head h2{font-size:2rem;margin:0}.section-head p{margin:0;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dash-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px;min-height:145px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s;box-shadow:0 5px 20px rgba(60,45,20,.035)}.dash-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.dash-icon{width:48px;height:48px;border-radius:15px;background:#edf4ef;color:var(--green);display:grid;place-items:center}.dash-card:nth-child(2n) .dash-icon{background:#fbf1da;color:#a77c21}.dash-card h3{margin:14px 0 2px;font-size:1.15rem}.dash-card p{margin:0;color:var(--muted);font-size:.88rem}.dash-card.accent{background:linear-gradient(145deg,var(--green-2),var(--deep));color:#fff;border-color:var(--gold)}.dash-card.accent p{color:#dce8e1}.dash-card.accent .dash-icon{background:rgba(255,255,255,.12);color:#f1d48d}
/* library */.library-shell{padding:28px 0 54px}.library-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:18px 0}.library-search{position:relative;flex:1 1 360px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:10px 16px;cursor:pointer;font-weight:600}.filter.active{background:var(--green);color:#fff;border-color:var(--green)}.books-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.book-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:0 6px 20px rgba(56,41,10,.04);transition:.2s;min-width:0}.book-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.book-cover-wrap{aspect-ratio:3/4;border-radius:15px;overflow:hidden;background:#eee9db;display:grid;place-items:center}.book-cover-wrap img{width:100%;height:100%;object-fit:cover}.book-card h3{font-size:1rem;line-height:1.5;margin:12px 0 4px;white-space:normal}.book-card .cat{font-size:.78rem;color:#9a7529}.book-card .open{margin-top:10px;color:var(--green);font-weight:700;font-size:.9rem}.empty{display:none;text-align:center;padding:50px 20px;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}
/* book detail */.crumbs{padding:20px 0 0;color:var(--muted);font-size:.9rem}.book-detail{padding:18px 0 52px}.book-detail-card{background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:var(--shadow)}.detail-grid{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center}.detail-cover{width:190px;margin:auto;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(31,42,35,.14)}.detail-meta .tag{display:inline-flex;padding:7px 12px;border-radius:999px;background:#f8efd9;color:#8a6720;font-weight:700;font-size:.86rem}.detail-meta h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;margin:13px 0 12px;letter-spacing:-.035em}.detail-meta p{font-size:1.05rem;max-width:700px;color:var(--muted);margin:0}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn{height:50px;border-radius:15px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border:1px solid var(--line);background:var(--paper)}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.gold{background:linear-gradient(135deg,#f1d174,#dca62d);color:#234236;border-color:#d7a336}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.fact{background:#fcf8ed;border-radius:15px;padding:14px}.fact b,.fact span{display:block}.fact b{font-size:.78rem;color:#9a7529}.fact span{margin-top:3px;font-weight:600}
/* section pages */.page-hero{padding:44px 0 18px}.page-hero h1{font-size:clamp(2.1rem,5vw,3.5rem);margin:0}.page-hero p{color:var(--muted);margin:6px 0 0;max-width:720px}.simple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:55px}.simple-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:24px}.simple-card h3{margin:0 0 7px}.simple-card p{margin:0;color:var(--muted)}
/* footer */.site-footer{border-top:1px solid rgba(201,154,55,.24);padding:26px 0;margin-top:18px;color:#787d75;font-size:.88rem}.footer-inner{display:flex;justify-content:space-between;gap:18px;align-items:center}.footer-links{display:flex;gap:14px;flex-wrap:wrap}
/* drawer */.drawer{position:fixed;inset:0;z-index:70;display:none}.drawer.open{display:block}.drawer-backdrop{position:absolute;inset:0;background:rgba(2,28,19,.32)}.drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(340px,88vw);background:var(--paper);padding:26px;box-shadow:-10px 0 35px rgba(0,0,0,.12)}.drawer-panel nav{display:grid;gap:7px;margin-top:28px}.drawer-panel nav a{padding:12px 14px;border-radius:12px;font-weight:700}.drawer-panel nav a:hover{background:#f6eedc}
@media(max-width:900px){.container{width:min(100% - 28px,760px)}.nav-links{display:none}.mobile-menu{display:inline-flex}.home-hero-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.books-grid{grid-template-columns:repeat(3,1fr)}.simple-grid{grid-template-columns:1fr 1fr}.entry-card{padding:26px}.detail-grid{grid-template-columns:170px 1fr}.detail-cover{width:160px}.facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){body{font-size:15px}.container{width:calc(100% - 24px)}.header-inner{height:68px}.brand img{width:38px;height:38px}.brand strong{font-size:.96rem}.pill-btn span{display:none}.home-hero{padding:28px 0 12px}.welcome-box h1{font-size:2.25rem}.welcome-box p{font-size:1rem}.feature-panel{padding:22px;border-radius:24px}.feature-panel h2{font-size:1.6rem}.dashboard-grid{grid-template-columns:1fr 1fr;gap:10px}.dash-card{padding:16px;min-height:128px}.dash-icon{width:42px;height:42px}.section{padding:20px 0}.section-head h2{font-size:1.6rem}.library-tools{margin-top:12px}.filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;width:100%;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{white-space:nowrap;padding:8px 13px}.books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.book-card{padding:9px;border-radius:17px}.book-card h3{font-size:.91rem;margin-top:9px}.book-card .cat{font-size:.72rem}.book-detail-card{padding:20px 16px;border-radius:23px}.detail-grid{grid-template-columns:1fr;text-align:center;gap:20px}.detail-cover{width:132px}.detail-meta h1{font-size:2rem}.detail-meta p{font-size:.96rem}.detail-actions{display:grid;grid-template-columns:1fr 1fr}.detail-actions .primary{grid-column:1/-1}.facts{grid-template-columns:1fr 1fr}.entry-page{background:#dfd1b8}.entry-bg{background-image:linear-gradient(180deg,rgba(255,248,232,.08) 0%,rgba(2,46,31,.02) 45%,rgba(251,246,233,.98) 75%),url('/khalwati-public-assets/masjid-nabawi-hero-mobile.webp');background-position:center top}.entry-content{padding:18px 0;align-items:flex-end}.entry-card{width:calc(100% - 24px);padding:21px 15px;border-radius:28px}.entry-brand img{width:58px}.entry-brand h1{font-size:1.95rem}.entry-brand p{font-size:.95rem}.entry-welcome{padding-top:15px}.entry-welcome h2{font-size:1.18rem}.entry-welcome p{font-size:.88rem}.entry-choice-title{font-size:1.18rem;margin:16px 0 9px}.entry-choices{gap:9px}.entry-choice{padding:15px 8px;border-radius:18px}.entry-choice svg{width:31px;height:31px}.entry-choice strong{font-size:1rem}.entry-choice small{font-size:.77rem}.simple-grid{grid-template-columns:1fr}.footer-inner{display:block;text-align:center}.footer-links{justify-content:center;margin-top:10px}}
/* UI 3.2 requested refinements — preserve 3.0 palette and geometry */
.home-hero-grid.single-feature{grid-template-columns:minmax(0,780px);justify-content:center}.home-hero-grid.single-feature .feature-panel{width:100%}.library-tools:has(.filters:only-child){justify-content:center}.books-grid .book-card{text-align:center}.book-card .open{display:flex;justify-content:center;align-items:center}.book-return-row{display:flex;justify-content:flex-start;padding:18px 0 0}.back-site-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--line);background:var(--paper);color:var(--green);border-radius:14px;font-weight:700}.about-page{padding-bottom:58px}.about-kicker{display:inline-flex;color:#997126;font-weight:700;margin-bottom:6px}.about-story{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:18px;align-items:stretch;margin:6px 0 18px}.about-copy,.about-source-card,.tasawwuf-summary{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 6px 20px rgba(56,41,10,.035)}.about-copy h2,.tasawwuf-head h2{margin:0 0 10px;font-size:1.7rem}.about-copy p{margin:0 0 12px;color:var(--muted);font-size:1.02rem}.about-source-card{display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(145deg,var(--green-2),var(--deep));color:white;border-color:var(--gold)}.about-source-card span{color:#f1d48d;font-weight:700}.about-source-card strong{font-size:1.35rem;margin:8px 0}.about-source-card small{color:#dce8e1}.tasawwuf-summary{margin-top:18px}.tasawwuf-head span{color:#9a7529;font-weight:700}.tasawwuf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tasawwuf-grid p{margin:0;background:#fcf8ed;border-radius:17px;padding:18px;color:var(--muted)}.about-note{margin-top:16px;color:#7f837d;font-size:.9rem}.about-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(max-width:700px){.home-hero-grid.single-feature{display:block}.about-story,.tasawwuf-grid{grid-template-columns:1fr}.about-copy,.about-source-card,.tasawwuf-summary{padding:20px;border-radius:21px}.book-return-row{justify-content:center}.back-site-btn{width:100%}}
/* UI 3.2 performance and accessibility refinements */
.book-card,.simple-card,.about-copy,.tasawwuf-summary{content-visibility:auto;contain-intrinsic-size:1px 420px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry-choice,.dash-card,.book-card{transition:none}.entry-choice:hover,.dash-card:hover,.book-card:hover{transform:none}}

/* KHALWATI HOME SEO LINKS */
.entry-seo-intro{
  max-width:680px;
  margin:8px auto 0;
  line-height:1.9;
}

.entry-seo-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 14px;
  margin-top:18px;
  font-size:.92rem;
}

.entry-seo-links a{
  color:inherit;
  text-decoration:none;
  opacity:.84;
}

.entry-seo-links a:hover,
.entry-seo-links a:focus-visible{
  text-decoration:underline;
  opacity:1;
}