/* /khalwati-public-assets/ui3.css */
: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;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.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.kh-filters-only{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:44px;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;
}

/* Arabic reading alignment across desktop and mobile */
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] :is(h1,h2,h3,h4,h5,h6,p){text-align:right;letter-spacing:normal}
html[dir="rtl"] :is(.section-head,.page-hero,.detail-meta,.dash-card,.app-feature,.community-card,.about-copy,.tasawwuf-summary){direction:rtl;text-align:right;min-width:0}
html[dir="rtl"] .section-head{width:100%;justify-content:space-between}
html[dir="rtl"] .section-head>div:first-child{margin-inline-end:auto;text-align:right}
html[dir="rtl"] :is(.book-card h3,.book-card .cat){text-align:right}
html[dir="rtl"] :is(.brand,.nav-links,.detail-actions,.footer-links){direction:rtl}
html[dir="rtl"] :is(.btn,.pill-btn,.filter){text-align:center}
html[dir="rtl"] :is(.dashboard-grid,.simple-grid,.books-grid)>*{min-width:0}
@media(max-width:700px){html[dir="rtl"] .section-head{align-items:flex-start;flex-wrap:wrap}html[dir="rtl"] .detail-meta{text-align:right}}


/* HOME COMPACT HERO 2026 */
.home-hero-compact{
  padding:18px 0 10px;
}
.compact-library-hero{
  background:linear-gradient(145deg,#fffdf8,#f8f1df);
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px 24px;
  box-shadow:0 8px 24px rgba(60,45,20,.05);
}
.compact-library-copy{
  max-width:760px;
}
.compact-kicker{
  display:inline-flex;
  color:#9a7529;
  font-weight:700;
  margin-bottom:8px;
}
.compact-library-copy h1{
  margin:0 0 8px;
  font-size:clamp(1.8rem,4vw,2.8rem);
  line-height:1.12;
  color:var(--deep);
}
.compact-library-copy p{
  margin:0;
  color:var(--muted);
  font-size:1rem;
  max-width:680px;
}
.compact-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}
@media(max-width:600px){
  .home-hero-compact{
    padding:10px 0 6px;
  }
  .compact-library-hero{
    padding:16px 15px;
    border-radius:18px;
  }
  .compact-library-copy h1{
    font-size:1.55rem;
  }
  .compact-library-copy p{
    font-size:.95rem;
  }
  .compact-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .compact-actions .btn{
    width:100%;
    min-width:0;
  }
}

/* =========================================================
   KHALWATI HOME — ULTRA COMPACT HERO
   2026-09-27
   ========================================================= */

/* إخفاء البلوك القديم الكبير: أنوار اللآلئ السنية */
.home-hero-grid.single-feature{
    display:none !important;
}

/* الهيدر الجديد */
.home-hero-compact{
    padding:10px 0 6px !important;
}

.home-hero-compact .compact-library-hero{
    min-height:0 !important;
    padding:13px 18px !important;
    border-radius:18px !important;
    box-shadow:0 4px 14px rgba(60,45,20,.035) !important;
}

/* Desktop: كل المحتوى في شريط صغير */
.home-hero-compact .compact-library-copy{
    width:100% !important;
    max-width:none !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:auto auto auto !important;

    column-gap:22px !important;
    row-gap:1px !important;
    align-items:center !important;
}

.home-hero-compact .compact-kicker{
    grid-column:1 !important;
    grid-row:1 !important;
    margin:0 0 1px !important;
    font-size:.72rem !important;
    line-height:1.2 !important;
}

.home-hero-compact .compact-library-copy h1{
    grid-column:1 !important;
    grid-row:2 !important;

    margin:0 !important;
    font-size:clamp(1.35rem,2.3vw,1.85rem) !important;
    line-height:1.15 !important;
}

.home-hero-compact .compact-library-copy p{
    grid-column:1 !important;
    grid-row:3 !important;

    margin:3px 0 0 !important;
    font-size:.82rem !important;
    line-height:1.45 !important;
}

.home-hero-compact .compact-actions{
    grid-column:2 !important;
    grid-row:1 / 4 !important;

    margin:0 !important;
    display:flex !important;
    gap:7px !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
}

.home-hero-compact .compact-actions .btn{
    height:44px !important;
    min-height:44px !important;
    padding:0 14px !important;
    border-radius:12px !important;
    font-size:.88rem !important;
    white-space:nowrap !important;
}

/* Tablet */
@media (max-width:900px){

    .home-hero-compact .compact-library-hero{
        padding:12px 14px !important;
    }

    .home-hero-compact .compact-library-copy{
        column-gap:12px !important;
    }

    .home-hero-compact .compact-library-copy h1{
        font-size:1.4rem !important;
    }

    .home-hero-compact .compact-library-copy p{
        font-size:.78rem !important;
    }
}

/* Mobile */
@media (max-width:600px){

    .home-hero-compact{
        padding:6px 0 4px !important;
    }

    .home-hero-compact .compact-library-hero{
        padding:11px 12px !important;
        border-radius:16px !important;
    }

    .home-hero-compact .compact-library-copy{
        display:block !important;
    }

    .home-hero-compact .compact-kicker{
        display:none !important;
    }

    .home-hero-compact .compact-library-copy h1{
        margin:0 !important;
        text-align:center !important;
        font-size:1.28rem !important;
        line-height:1.2 !important;
    }

    /* نخفي الشرح على الهاتف لتوفير المساحة */
    .home-hero-compact .compact-library-copy p{
        display:none !important;
    }

    .home-hero-compact .compact-actions{
        margin-top:9px !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:7px !important;
        width:100% !important;
    }

    .home-hero-compact .compact-actions .btn{
        width:100% !important;
        height:44px !important;
        min-height:44px !important;
        padding:0 8px !important;
        font-size:.82rem !important;
        border-radius:11px !important;
    }
}


/* =========================================================
   REMOVE OLD LARGE HOME HERO
   Keep only .home-hero-compact
   ========================================================= */

.home-hero:not(.home-hero-compact){
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

.home-hero-grid{
    display:none !important;
}

/* =========================================================
   KHALWATI HEADER CLEAN R2 — 2026-09-27
   Compact sticky header for desktop, tablet and phones.
   ========================================================= */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:60!important;
  padding:max(8px,env(safe-area-inset-top)) 0 0!important;
  background:linear-gradient(180deg,rgba(251,246,233,.98),rgba(251,246,233,.90))!important;
  border-bottom:0!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.site-header .header-inner,
.home-refined .site-header .header-inner{
  width:min(1180px,calc(100% - 28px))!important;
  height:64px!important;
  min-height:64px!important;
  margin:0 auto 8px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border:1px solid rgba(201,154,55,.28)!important;
  border-radius:18px!important;
  background:rgba(255,253,248,.95)!important;
  box-shadow:0 8px 24px rgba(56,41,10,.065)!important;
}
.site-header .brand{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  flex:0 1 auto!important;
}
.site-header .brand img,
.home-refined .site-header .brand img{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  object-fit:contain!important;
}
.site-header .brand strong{
  color:var(--deep)!important;
  font-size:1rem!important;
  line-height:1.25!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.site-header .nav-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px!important;
  min-width:0;
}
.site-header .nav-links a{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 11px!important;
  border-radius:12px!important;
  color:#315247!important;
  font-size:.94rem!important;
  font-weight:700!important;
  transition:background-color .16s ease,color .16s ease!important;
}
.site-header .nav-links a:hover,
.site-header .nav-links a:focus-visible{
  background:#f2ecdc!important;
  color:var(--deep)!important;
}
.site-header .nav-links a[aria-current="page"]{
  background:#e8f1e9!important;
  color:var(--green)!important;
}
.site-header .header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex:0 0 auto!important;
}
.site-header .pill-btn,
.site-header .icon-btn,
.site-header select{
  height:40px!important;
  min-height:40px!important;
  border:1px solid #ded1b2!important;
  border-radius:12px!important;
  background:#fffdf8!important;
  color:var(--deep)!important;
  box-shadow:none!important;
}
.site-header .pill-btn{
  min-width:40px!important;
  padding:0 12px!important;
  gap:6px!important;
  font-size:.9rem!important;
  font-weight:700!important;
}
.site-header .icon-btn{
  width:40px!important;
  min-width:40px!important;
  padding:0!important;
}
.site-header select{
  max-width:138px!important;
  padding:0 10px!important;
  margin:0!important;
  font:700 .9rem/1 'Tajawal',system-ui,sans-serif!important;
}
.site-header .pill-btn:hover,
.site-header .icon-btn:hover,
.site-header select:hover{
  border-color:#c8ae72!important;
  background:#fffaf0!important;
}
@media(max-width:900px){
  .site-header{padding-top:max(6px,env(safe-area-inset-top))!important}
  .site-header .header-inner,
  .home-refined .site-header .header-inner{
    width:calc(100% - 20px)!important;
    height:60px!important;
    min-height:60px!important;
    margin-bottom:6px!important;
    padding:0 10px!important;
    border-radius:16px!important;
    gap:8px!important;
  }
  .site-header .nav-links{display:none!important}
  .site-header .mobile-menu{display:inline-flex!important}
  .site-header .brand img,
  .home-refined .site-header .brand img{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
  }
  .site-header .brand strong{font-size:.94rem!important}
}
@media(max-width:520px){
  .site-header .header-inner,
  .home-refined .site-header .header-inner{
    height:58px!important;
    min-height:58px!important;
    border-radius:15px!important;
  }
  .site-header .brand{gap:7px!important}
  .site-header .brand img,
  .home-refined .site-header .brand img{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }
  .site-header .brand strong{
    font-size:.88rem!important;
    max-width:175px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .site-header .pill-btn,
  .site-header .icon-btn,
  .site-header select{
    height:40px!important;
    min-height:40px!important;
  }
  .site-header .pill-btn{width:40px!important;padding:0!important}
  .site-header .pill-btn span{display:none!important}
  .site-header select{max-width:106px!important;font-size:.82rem!important}
}
@media(max-width:360px){
  .site-header .brand strong{max-width:145px!important;font-size:.83rem!important}
}
@media(prefers-reduced-motion:reduce){
  .site-header .nav-links a{transition:none!important}
}


/* Khalwati V61 — compact responsive library category cards */
.library-tools{align-items:stretch}.library-tools .filters{width:100%;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px!important;overflow:visible!important;padding:0!important}.library-tools .filter{min-width:0!important;min-height:54px!important;height:auto!important;padding:7px 12px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;white-space:normal!important;text-align:right!important;line-height:1.25!important}.library-tools .kh-filter-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:800}.library-tools .kh-filter-count{flex:0 0 auto;min-width:28px;height:28px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:#f3ecdc;color:#81601b;font-size:.7rem;font-weight:900}.library-tools .filter.active .kh-filter-count{background:rgba(255,255,255,.18);color:#fff}
@media(max-width:1100px){.library-tools .filters{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.library-tools .filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.library-tools .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.library-tools .filter{min-height:52px!important;padding:7px 10px!important}.library-tools .kh-filter-label{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.86rem}.library-tools .kh-filter-count{min-width:26px;height:26px;font-size:.68rem}}
@media(max-width:360px){.library-tools .filters{grid-template-columns:1fr}.library-tools .filter{min-height:48px!important}}

/* Khalwati V68 — distinguish same-title editions without changing book data */
.kh-card-edition{margin-top:6px;color:#7a642d;font-size:.78rem;font-weight:800;line-height:1.5}
.kh-card-edition[hidden]{display:none!important}

/* Khalwati Website 04 — design-system, accessibility and performance polish */
:root{
  --kh-space-1:4px;--kh-space-2:8px;--kh-space-3:12px;--kh-space-4:16px;--kh-space-5:24px;--kh-space-6:32px;
  --kh-radius-sm:12px;--kh-radius-md:18px;--kh-radius-lg:26px;
  --kh-touch:48px;--kh-focus:0 0 0 3px rgba(201,154,55,.32);
  --kh-surface:var(--paper);--kh-primary:var(--green);--kh-primary-dark:var(--deep);--kh-accent:var(--gold);
}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--gold);outline-offset:3px;box-shadow:var(--kh-focus)}
:where(.icon-btn,.pill-btn,.filter,.btn,.back-site-btn){min-height:var(--kh-touch)}
:where(.icon-btn){min-width:var(--kh-touch)}
:where(.book-card,.dash-card,.simple-card){contain:layout style paint}
@media(max-width:700px){
  .container{width:min(100% - 24px,1180px)}
  :where(.btn,.pill-btn,.filter,.back-site-btn){min-height:48px}
  .books-grid{gap:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* /khalwati-public-assets/site-shell-r5.css */
/* =========================================================
   KHALWATI SITE SHELL R5 — 2026-09-27
   Unified identity, no-flash library, Safari-safe controls.
   One public header/footer across the whole website.
   ========================================================= */
:root{--kh-shell-bg:#fbf6e9;--kh-shell-card:#fffdf8;--kh-shell-deep:#073f34;--kh-shell-green:#0a684e;--kh-shell-line:rgba(190,151,67,.28)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100vh;display:flex;flex-direction:column}
body>main{flex:1 0 auto;min-width:0}
.site-header{position:sticky!important;top:0!important;z-index:70!important;padding:max(7px,env(safe-area-inset-top)) 0 0!important;background:linear-gradient(180deg,rgba(251,246,233,.985),rgba(251,246,233,.925))!important;border:0!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important}
.site-header .header-inner,.home-refined .site-header .header-inner{width:min(1240px,calc(100% - 28px))!important;height:64px!important;min-height:64px!important;margin:0 auto 7px!important;padding:0 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;border:1px solid var(--kh-shell-line)!important;border-radius:18px!important;background:rgba(255,253,248,.965)!important;box-shadow:0 8px 24px rgba(56,41,10,.055)!important}
.site-header .kh-brand,.site-header .brand{display:inline-flex!important;align-items:center!important;gap:9px!important;min-width:0!important;flex:0 1 auto!important;color:var(--kh-shell-deep)!important;text-decoration:none!important}
.site-header .kh-brand-mark{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center}
.site-header .kh-brand img,.site-header .brand img,.home-refined .site-header .brand img{width:40px!important;height:40px!important;display:block!important;object-fit:contain!important;flex:0 0 40px!important}
.site-header .kh-brand-copy{display:flex;align-items:center;min-width:0}
.site-header .kh-brand-copy strong,.site-header .brand strong{margin:0!important;color:var(--kh-shell-deep)!important;font-size:.96rem!important;line-height:1.35!important;font-weight:800!important;white-space:nowrap!important}
.site-header .kh-brand-copy small{display:none!important}
.site-header .nav-links,.home-refined .site-header .nav-links{display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:center!important;gap:1px!important;min-width:0!important}
.site-header .nav-links a,.home-refined .site-header .nav-links a{min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 9px!important;border-radius:11px!important;color:#315247!important;font-size:.84rem!important;font-weight:750!important;line-height:1.25!important;white-space:nowrap!important;text-decoration:none!important;transition:background-color .16s ease,color .16s ease!important}
.site-header .nav-links a:hover,.site-header .nav-links a:focus-visible{background:#f2ecdc!important;color:var(--kh-shell-deep)!important}
.site-header .nav-links a[aria-current="page"]{background:#e8f1e9!important;color:var(--kh-shell-green)!important}
.site-header .header-actions,.home-refined .site-header .header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex:0 0 auto!important}
.site-header .icon-btn{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:1px solid #ded1b2!important;border-radius:12px!important;background:#fffdf8!important;color:var(--kh-shell-deep)!important;box-shadow:none!important}
.site-header .mobile-menu{display:none!important}
.site-header .mobile-menu svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

/* Shared footer */
.site-footer{flex:0 0 auto!important;margin-top:28px!important;padding:18px 0 max(18px,env(safe-area-inset-bottom))!important;border-top:1px solid rgba(201,154,55,.22)!important;background:rgba(255,253,248,.72)!important;color:#66766f!important}
.site-footer .footer-inner{width:min(1240px,calc(100% - 28px))!important;min-height:48px!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:20px!important}
.footer-brand{display:inline-flex;align-items:center;gap:9px;min-width:0;color:var(--kh-shell-deep)!important;font-weight:800;text-decoration:none!important}
.footer-brand img{width:34px;height:34px;object-fit:contain;flex:0 0 34px}
.footer-brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-footer .footer-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex-wrap:wrap!important;margin:0!important}
.site-footer .footer-links a{padding:7px 9px;border-radius:9px;color:#48675d!important;font-weight:700;text-decoration:none!important}
.site-footer .footer-links a:hover,.site-footer .footer-links a:focus-visible{background:#f2ecdc;color:var(--kh-shell-deep)!important}
.footer-copy{white-space:nowrap;color:#877c68;font-size:.82rem}

/* Privacy page keeps its readable content width while shell stays full-width. */
.privacy-content{width:min(900px,calc(100% - 32px))!important;margin:0 auto!important}

@media(max-width:1100px){
  .site-header .nav-links,.home-refined .site-header .nav-links{display:none!important}
  .site-header .mobile-menu,.home-refined .site-header .mobile-menu{display:inline-flex!important}
}
@media(max-width:700px){
  .site-header{padding-top:max(5px,env(safe-area-inset-top))!important}
  .site-header .header-inner,.home-refined .site-header .header-inner{width:calc(100% - 18px)!important;height:58px!important;min-height:58px!important;margin-bottom:6px!important;padding:0 10px!important;border-radius:15px!important;gap:8px!important}
  .site-header .kh-brand-mark{width:34px;height:34px;flex-basis:34px}
  .site-header .kh-brand img,.site-header .brand img,.home-refined .site-header .brand img{width:34px!important;height:34px!important;flex-basis:34px!important}
  .site-header .kh-brand-copy strong,.site-header .brand strong{max-width:min(66vw,270px)!important;font-size:.88rem!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .site-header .icon-btn{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
  .site-footer{margin-top:22px!important;padding-top:16px!important}
  .site-footer .footer-inner{width:calc(100% - 24px)!important;grid-template-columns:1fr!important;justify-items:center!important;gap:8px!important;text-align:center!important}
  .footer-brand{max-width:100%;justify-content:center}
  .site-footer .footer-links{gap:1px!important}
  .site-footer .footer-links a{padding:7px 6px;font-size:.82rem}
}
@media(max-width:390px){
  .site-header .kh-brand-copy strong,.site-header .brand strong{max-width:220px!important;font-size:.83rem!important}
  .footer-brand span{font-size:.87rem}
}
@media(prefers-reduced-motion:reduce){.site-header .nav-links a{transition:none!important}}

/* Library preference card is present in HTML before async sync, so there is no layout flash. */
.kh-lib-pref{width:100%;min-height:74px;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin:14px 0 18px;padding:12px 15px;border:1px solid rgba(194,153,67,.34);border-radius:18px;background:linear-gradient(180deg,#fffdf9 0%,#fcf8ee 100%);box-shadow:0 7px 20px rgba(44,65,53,.045);color:#173f34;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(7,88,61,.08)}
.kh-lib-pref-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.kh-lib-pref-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:#f5ecd5;color:#9a7019;flex:0 0 44px}.kh-lib-pref-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kh-lib-pref-copy{min-width:0;display:block;text-align:right;direction:rtl}.kh-lib-pref-copy strong{display:block;margin:0 0 2px;color:#123d31;font-size:.98rem;line-height:1.45;font-weight:800}.kh-lib-pref-copy small{display:block;color:#817965;font-size:.79rem;line-height:1.55}
.kh-lib-switch{position:relative;width:48px;height:28px;display:inline-block;flex:0 0 48px;border-radius:999px;background:#d8d2c4;box-shadow:inset 0 0 0 1px rgba(39,63,52,.08);transition:background-color .16s ease}.kh-lib-switch::after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(31,52,42,.22);transition:transform .16s ease}.kh-lib-pref-input:checked~.kh-lib-switch{background:#0b6a4c}.kh-lib-pref-input:checked~.kh-lib-switch::after{transform:translateX(20px)}.kh-lib-pref-input:focus-visible~.kh-lib-switch{outline:3px solid rgba(18,112,78,.20);outline-offset:3px}
@media(max-width:600px){.kh-lib-pref{min-height:68px;grid-template-columns:40px minmax(0,1fr) 46px;gap:10px;margin:10px 0 14px;padding:11px 12px;border-radius:16px}.kh-lib-pref-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}.kh-lib-pref-copy strong{font-size:.92rem}.kh-lib-pref-copy small{font-size:.74rem}.kh-lib-switch{width:46px;height:27px;flex-basis:46px}.kh-lib-switch::after{width:19px;height:19px}.kh-lib-pref-input:checked~.kh-lib-switch::after{transform:translateX(19px)}}
@media(prefers-reduced-motion:reduce){.kh-lib-switch,.kh-lib-switch::after{transition:none}}

/* Static styles used by library-auto-sync: no style injection after first paint. */
.kh-cover-placeholder{width:100%;height:100%;min-height:220px;display:grid;place-items:center;text-align:center;padding:16px;background:#f5edd9;color:#074a3e;font-weight:800;border-radius:inherit}
.books-grid[data-khalwati-live="1"] .book-card{cursor:pointer}
.library-tools.kh-filters-only{justify-content:center}

/* R6 Audio navigation */
.site-header .kh-audio-link>span,.drawer .kh-audio-link>span{display:inline-block;margin-inline-end:4px;font-size:.92em;line-height:1;color:#a87717}


/* R6c: dynamic library first-paint guard. */
.books-grid:not([data-khalwati-live]){position:relative;min-height:240px}
.books-grid:not([data-khalwati-live])>.book-card{opacity:0;visibility:hidden;pointer-events:none}
.books-grid:not([data-khalwati-live])::before{content:"جاري تحديث المكتبة…";position:absolute;inset:18px 0 auto;min-height:118px;display:grid;place-items:center;border:1px solid #ead8aa;border-radius:18px;background:linear-gradient(100deg,#fffdf8 30%,#f7efd9 50%,#fffdf8 70%);background-size:220% 100%;color:#0a5b48;font-weight:800;animation:khLibraryLoading 1.25s linear infinite;z-index:2}
.books-grid[data-khalwati-live]::before{display:none}
.book-cover-wrap{position:relative;overflow:hidden;background:#f4efe4}
.book-cover-wrap.kh-cover-loading::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#f2ead8 25%,#fffaf0 45%,#f2ead8 65%);background-size:220% 100%;animation:khLibraryLoading 1.15s linear infinite}
.book-cover-wrap img.kh-cover-img-loading{opacity:0}
.book-cover-wrap img{transition:opacity .16s ease}
@keyframes khLibraryLoading{to{background-position:-220% 0}}
@media (prefers-reduced-motion:reduce){.books-grid:not([data-khalwati-live])::before,.book-cover-wrap.kh-cover-loading::after{animation:none}}
@media(max-width:640px){.books-grid:not([data-khalwati-live]){min-height:190px}.books-grid:not([data-khalwati-live])::before{min-height:96px;font-size:.92rem}}

/* R7 book metadata cards */
.book-card .kh-card-subtitle{margin:2px 0 4px;color:#786f60;font-size:.84rem;line-height:1.55;text-align:center;min-height:0}
.book-card .kh-card-author{margin:1px 0 5px;color:#31584d;font-size:.8rem;line-height:1.5;font-weight:700;text-align:center}
.book-card .kh-card-subtitle[hidden],.book-card .kh-card-author[hidden]{display:none!important}
@media(max-width:600px){.book-card .kh-card-subtitle{font-size:.76rem}.book-card .kh-card-author{font-size:.74rem}}

/* Khalwati Responsive V38.1 — desktop/tablet/mobile/touch */
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
*,*::before,*::after{box-sizing:border-box}
img,video,iframe,canvas,svg{max-width:100%}
:where(a,button,input,select,textarea,[role="button"]){touch-action:manipulation}
:where(button,.button,.icon-btn,.filter,.book-card,a){-webkit-tap-highlight-color:rgba(7,81,63,.10)}
:where(button,.button,.icon-btn,.filter){min-height:44px}
:where(input,select,textarea){max-width:100%}

/* Avoid rendering large off-screen collections until they approach the viewport. */
.books-grid>.book-card,.library-grid>.book-card,.section-grid>*{content-visibility:auto;contain-intrinsic-size:320px}

/* Mobile drawer: stable fixed layer, touch safe, no page scroll behind it. */
.drawer{position:fixed!important;inset:0!important;z-index:1000!important;pointer-events:none!important;visibility:hidden!important}
.drawer.open{pointer-events:auto!important;visibility:visible!important}
.drawer .drawer-backdrop{position:absolute!important;inset:0!important;background:rgba(11,33,27,.42)!important;opacity:0!important;transition:opacity .18s ease!important}
.drawer.open .drawer-backdrop{opacity:1!important}
.drawer .drawer-panel{position:absolute!important;top:0!important;bottom:0!important;inset-inline-end:0!important;width:min(88vw,360px)!important;max-width:100%!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;transform:translateX(105%)!important;transition:transform .2s ease!important;padding-bottom:max(20px,env(safe-area-inset-bottom))!important}
[dir="rtl"] .drawer .drawer-panel{transform:translateX(-105%)!important}
.drawer.open .drawer-panel{transform:translateX(0)!important}
body.kh-drawer-open{overflow:hidden!important;touch-action:none!important}
.drawer .drawer-panel nav a{min-height:48px!important;display:flex!important;align-items:center!important}

/* Keep long content and forms within viewport. */
.container,.library-shell,.page-hero,main,section,article{min-width:0;max-width:100%}
pre,code{max-width:100%;overflow-wrap:anywhere}

@media(max-width:900px){
  .container{width:min(100% - 24px,1240px)!important}
  .site-header .header-inner{width:calc(100% - 20px)!important}
  .books-grid{gap:14px!important}
}
@media(max-width:600px){
  :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px!important}
  .container{width:calc(100% - 20px)!important}
  .page-hero{padding-inline:4px!important}
  .books-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .book-card{min-width:0!important;padding:10px!important}
  .book-card h3{overflow-wrap:anywhere!important}
  .library-tools,.filters{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin}
  .filters{flex-wrap:nowrap!important;justify-content:flex-start!important;padding-bottom:4px!important}
  .filter{flex:0 0 auto!important;white-space:nowrap!important}
}
@media(max-width:360px){
  .books-grid{grid-template-columns:1fr!important}
  .site-header .kh-brand-copy strong,.site-header .brand strong{max-width:180px!important}
}
@media(hover:none) and (pointer:coarse){
  :where(a,button,.button,.icon-btn,.filter){min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  .drawer .drawer-backdrop,.drawer .drawer-panel{transition:none!important}
}

/* V38.1 — centered book-card copy + large category/sheikh collections */
.book-card{text-align:center!important;align-items:center!important}
.book-card h3,.book-card .cat,.book-card .open,.book-card .kh-card-subtitle,.book-card .kh-card-author{width:100%;text-align:center!important;margin-inline:auto!important}
.book-card h3{display:flex;align-items:center;justify-content:center;min-height:2.9em;line-height:1.45}
.book-card .cat{display:flex;align-items:center;justify-content:center;min-height:1.6em}
.book-card .open{display:flex;align-items:center;justify-content:center;margin-top:auto!important;min-height:44px}
.kh-category-status{margin:10px auto 18px;padding:10px 16px;width:max-content;max-width:100%;border:1px solid #ead8aa;border-radius:999px;background:#fffaf0;color:#07513f;font-weight:800;text-align:center}
.kh-category-status[hidden]{display:none!important}
.books-grid .book-card[hidden]{display:none!important}
@media(max-width:600px){.book-card h3{min-height:3.1em}.kh-category-status{width:100%;border-radius:14px}}

/* Khalwati Responsive V50 — category-only library books + optional Home visibility */


/* Khalwati Library V50 — scalable sheikh/category browsing */
.kh-library-search{display:block;width:min(680px,100%);margin:0 auto 14px}.kh-library-search input{width:100%;min-height:48px;border:1px solid #d9c58f;border-radius:16px;background:#fffefb;padding:10px 16px;font:inherit;font-size:16px;color:inherit;outline:none}.kh-library-search input:focus{border-color:#a77a22;box-shadow:0 0 0 3px rgba(167,122,34,.12)}.library-tools.kh-filters-only{overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:6px}.library-tools .filters{display:flex;flex-wrap:nowrap;min-width:max-content}.library-tools .filter{white-space:nowrap;min-height:44px}.books-grid{align-items:stretch}.book-card{height:100%}.book-card .book-cover-wrap{margin-inline:auto}@media(max-width:600px){.kh-library-search{margin-bottom:10px}.library-tools.kh-filters-only{margin-inline:-4px;padding-inline:4px}}


/* Khalwati Library V50 — no horizontal category bars, responsive category cards */
.library-page-ui3{overflow-x:hidden}
.library-shell,.library-shell .container{min-width:0;max-width:100%}
.library-tools.kh-filters-only{width:100%!important;max-width:100%!important;overflow:visible!important;overscroll-behavior:auto!important;padding:0!important;margin:0 auto 18px!important}
.library-tools.kh-filters-only .filters{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important;padding:0!important;justify-content:stretch!important}
.library-tools.kh-filters-only .filter{min-width:0!important;width:100%!important;min-height:64px!important;white-space:normal!important;border-radius:16px!important;padding:10px 12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;text-align:center!important;line-height:1.35!important}
.library-tools.kh-filters-only .filter .kh-filter-label{display:block;width:100%;font-weight:800;overflow-wrap:anywhere}
.library-tools.kh-filters-only .filter .kh-filter-count{display:block;font-size:.78rem;font-weight:600;opacity:.72}
.library-tools.kh-filters-only .filter.active{box-shadow:0 0 0 2px rgba(167,122,34,.10) inset}
.kh-library-search{width:min(760px,100%)!important;margin:0 auto 16px!important}
.kh-library-search input{min-height:52px!important;border-radius:18px!important;padding-inline:18px!important}
.kh-category-status{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:'name back' 'count back';align-items:center!important;gap:2px 12px!important;width:min(760px,100%)!important;max-width:100%!important;margin:0 auto 20px!important;border-radius:18px!important;padding:12px 14px!important;text-align:right!important}
.kh-category-status-name{grid-area:name;font-size:1rem}
.kh-category-status-count{grid-area:count;color:#786f60;font-size:.82rem;font-weight:700}
.kh-category-status-back{grid-area:back;min-height:42px;border:1px solid #d9c58f;border-radius:12px;background:#fffefb;color:#07513f;padding:7px 12px;font:inherit;font-weight:800;cursor:pointer}
.kh-category-status[hidden]{display:none!important}
@media(max-width:760px){.library-tools.kh-filters-only .filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.library-tools.kh-filters-only .filter{min-height:58px!important;padding:9px 8px!important;font-size:.92rem!important}.kh-library-search{margin-bottom:12px!important}}
@media(max-width:360px){.library-tools.kh-filters-only .filters{grid-template-columns:1fr!important}.kh-category-status{grid-template-columns:1fr!important;grid-template-areas:'name' 'count' 'back';text-align:center!important}.kh-category-status-back{width:100%;margin-top:6px}}

/* Khalwati Library V52 — focused Sheikh/category view + obvious back controls */
.library-shell.kh-category-focused .library-tools.kh-filters-only{display:none!important}
.library-shell.kh-category-focused .kh-lib-pref{display:none!important}
.kh-category-status{scroll-margin-top:88px}
.kh-category-status{grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:'back copy'!important}.kh-category-status-copy{grid-area:copy;min-width:0;display:flex;flex-direction:column;gap:2px;align-items:flex-start}.kh-category-status-copy .kh-category-status-name,.kh-category-status-copy .kh-category-status-count{grid-area:auto!important}
.kh-category-status-back.kh-category-back-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:132px;background:#07513f;color:#fff;border-color:#07513f;box-shadow:0 6px 16px rgba(7,81,63,.14)}
.kh-category-status-back.kh-category-back-primary:hover{filter:brightness(1.04)}
.kh-category-bottom-back{display:flex;justify-content:center;margin:22px auto 4px;width:100%}
.kh-category-bottom-back[hidden]{display:none!important}
.kh-category-bottom-back-btn{min-height:46px;border:1px solid #d7bd7b;border-radius:14px;background:#fffaf0;color:#07513f;padding:9px 18px;font:inherit;font-weight:900;cursor:pointer}
.library-shell.kh-category-focused .books-grid{margin-top:4px}
@media(max-width:600px){
  .kh-category-status{grid-template-columns:1fr!important;grid-template-areas:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;text-align:center!important}
  .kh-category-status-copy{align-items:center!important}
  .kh-category-status-back.kh-category-back-primary,.kh-category-bottom-back-btn{width:100%!important}
}


/* Khalwati V62 — compact responsive category cards: wider, lower, readable on every viewport */
.library-tools.kh-filters-only .filters{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;
  gap:9px!important;
  width:100%!important;min-width:0!important;overflow:visible!important;
}
.library-tools.kh-filters-only .filter{
  min-height:52px!important;height:auto!important;
  padding:8px 11px!important;border-radius:14px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;gap:9px!important;text-align:start!important;
  white-space:normal!important;
}
.library-tools.kh-filters-only .filter .kh-filter-label{
  min-width:0!important;font-size:.94rem!important;font-weight:800!important;
  line-height:1.35!important;text-align:start!important;overflow-wrap:anywhere!important;
}
.library-tools.kh-filters-only .filter .kh-filter-count{
  min-width:30px!important;height:30px!important;padding:0 8px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;background:#f3ead8!important;color:#7c6429!important;
  font-size:.78rem!important;font-weight:900!important;opacity:1!important;white-space:nowrap!important;
}
.library-tools.kh-filters-only .filter.active .kh-filter-count{background:rgba(255,255,255,.16)!important;color:#fff!important}
.kh-category-status{min-height:54px!important;padding:8px 10px!important;border-radius:14px!important;margin-bottom:14px!important}
.kh-category-status-copy{flex-direction:row!important;align-items:center!important;gap:8px!important;min-width:0!important}
.kh-category-status-name{font-size:.98rem!important;line-height:1.35!important;overflow-wrap:anywhere!important}
.kh-category-status-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:30px!important;height:30px!important;padding:0 8px!important;border-radius:999px!important;background:#f3ead8!important;color:#7c6429!important;font-size:.78rem!important;white-space:nowrap!important}
.kh-category-status-back.kh-category-back-primary{min-width:118px!important;min-height:40px!important;padding:6px 10px!important}
@media(max-width:900px){.library-tools.kh-filters-only .filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}.library-tools.kh-filters-only .filter{min-height:50px!important}}
@media(max-width:640px){.library-tools.kh-filters-only .filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.library-tools.kh-filters-only .filter{min-height:50px!important;padding:7px 9px!important}.library-tools.kh-filters-only .filter .kh-filter-label{font-size:.88rem!important}.kh-category-status{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important}.kh-category-status-copy{justify-content:center!important}.kh-category-status-back.kh-category-back-primary{width:100%!important}}
@media(max-width:340px){.library-tools.kh-filters-only .filters{grid-template-columns:1fr!important}}


/* Khalwati V64 — cross-device public layout sweep */
html,body{max-width:100%;overflow-x:hidden}
:where(main,section,article,.container,.page-hero,.library-shell,.audio-shell,.content-shell){min-width:0;max-width:100%}
:where(img,video,canvas,iframe){max-width:100%;height:auto}
:where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,button,.btn,.filter){box-sizing:border-box;max-width:100%}
.site-header .header-inner,.footer-inner{min-width:0}
.nav-links{min-width:0;flex-wrap:wrap}
@media(max-width:1024px){.container{width:min(100% - 24px,1180px)!important}.page-hero{padding-block:22px!important}}
@media(max-width:700px){.container{width:calc(100% - 18px)!important}.page-hero{padding-block:16px!important}.page-hero h1{font-size:clamp(1.55rem,7vw,2.1rem)!important}.site-footer .footer-inner{gap:14px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px}.books-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.book-card{min-width:0!important}}
@media(max-width:380px){.container{width:calc(100% - 12px)!important}.books-grid{grid-template-columns:1fr!important}.page-hero{padding-inline:2px!important}}
@media(hover:none) and (pointer:coarse){:where(a,button,.btn,.filter,.icon-btn){min-height:44px}}

/* KHALWATI V11.46 — COMPACT SEARCH ONLY; BOOK COVER/GRID SIZE RESTORED TO ORIGINAL */
/* User requested a smaller library search, but book/card/cover/grid dimensions now fall back to the original production CSS. */
@media (min-width: 901px) {
  .kh-library-search { width:min(420px,100%)!important; max-width:420px!important; margin:0 auto 9px!important; }
  .kh-library-search input { width:100%!important; min-height:36px!important; height:36px!important; padding:5px 12px!important; border-radius:12px!important; font-size:.89rem!important; }
}
.books-grid .book-card .kh-card-edition, .library-grid .book-card .kh-card-edition, .book-grid .book-card .kh-card-edition { display:none!important; }
/* /KHALWATI V11.46 */
/* =========================================================
   KHALWATI V11.48 — PUBLIC FOOTER STABILITY / PROFESSIONAL SHELL
   Existing served asset patch; no new public static dependency.
   ========================================================= */
.site-footer{
  flex:0 0 auto!important;
  width:100%!important;
  margin-top:32px!important;
  padding:0!important;
  border-top:1px solid rgba(190,151,67,.24)!important;
  background:rgba(255,253,248,.94)!important;
  color:#64736c!important;
  overflow:hidden!important;
}
.site-footer .footer-inner{
  width:min(1180px,calc(100% - 32px))!important;
  max-width:1180px!important;
  min-height:70px!important;
  margin:0 auto!important;
  padding:13px 0!important;
  display:grid!important;
  grid-template-columns:minmax(210px,1fr) minmax(0,2.15fr) auto!important;
  grid-template-areas:"brand links copy"!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:16px!important;
  text-align:initial!important;
  box-sizing:border-box!important;
  min-width:0!important;
}
.site-footer .footer-brand{
  grid-area:brand!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-self:start!important;
  gap:9px!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  color:#073f34!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.site-footer .footer-brand img{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  object-fit:contain!important;
}
.site-footer .footer-brand span{
  display:block!important;
  min-width:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.45!important;
  font-size:.9rem!important;
}
.site-footer .footer-links{
  grid-area:links!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:4px 6px!important;
}
.site-footer .footer-links a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:6px 9px!important;
  border-radius:9px!important;
  white-space:nowrap!important;
  color:#48675d!important;
  font-size:.82rem!important;
  line-height:1.25!important;
  font-weight:750!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}
.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible{
  background:#f2ecdc!important;
  color:#073f34!important;
}
.site-footer .footer-copy{
  grid-area:copy!important;
  justify-self:end!important;
  white-space:nowrap!important;
  color:#877c68!important;
  font-size:.78rem!important;
  line-height:1.4!important;
}
@media(max-width:980px){
  .site-footer .footer-inner{
    width:calc(100% - 28px)!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand copy" "links links"!important;
    gap:6px 14px!important;
    padding:12px 0 14px!important;
  }
  .site-footer .footer-links{padding-top:4px!important}
}
@media(max-width:640px){
  .site-footer{margin-top:22px!important}
  .site-footer .footer-inner{
    width:calc(100% - 20px)!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"brand" "links" "copy"!important;
    justify-items:center!important;
    gap:8px!important;
    padding:13px 0 max(14px,env(safe-area-inset-bottom))!important;
    text-align:center!important;
  }
  .site-footer .footer-brand{justify-self:center!important;justify-content:center!important}
  .site-footer .footer-brand img{width:30px!important;height:30px!important;flex-basis:30px!important}
  .site-footer .footer-brand span{font-size:.86rem!important;text-align:center!important}
  .site-footer .footer-links{
    width:min(100%,430px)!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px 7px!important;
    padding:2px 0!important;
  }
  .site-footer .footer-links a{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    padding:6px 7px!important;
    white-space:normal!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
  .site-footer .footer-copy{justify-self:center!important;font-size:.74rem!important}
}
@media(max-width:350px){
  .site-footer .footer-inner{width:calc(100% - 14px)!important}
  .site-footer .footer-links{grid-template-columns:1fr!important;width:min(100%,280px)!important}
}

/* /khalwati-public-assets/fonts/khalwati-fonts-02.css */
/* Khalwati 02 — local font shared with Flutter V123. No external font request. */
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('/khalwati-public-assets/fonts/Tajawal-Regular.woff2') format('woff2')}

/* /khalwati-public-assets/site-v10-recovery.css */
/* Khalwati V10 — cross-site responsive containment and rendering safeguards */
:root{--kh-v10-safe-inline:12px}
html{
  width:100%;
  max-width:100%;
  overflow-x:clip;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:clip;
  overflow-wrap:anywhere;
}
*,*::before,*::after{box-sizing:border-box}
main,header,footer,section,article,aside,nav,form,
.container,.header-inner,.footer-inner,.section-head,.library-shell,.library-tools,
.home-hero-grid,.dashboard-grid,.books-grid,.simple-grid,.detail-grid,.facts,
.audio-grid,.audio-card,.audio-card-main,.audio-card-summary,.audio-inline-player,
.live-r7-shell,.live-r7-hero,.live-r7-stage,.live-r7-info,
.about-story,.about-copy,.about-source-card,.tasawwuf-grid,.tasawwuf-summary{
  min-width:0;
  max-width:100%;
}
img,svg,video,canvas,iframe{
  max-width:100%;
}
img,video{height:auto}
iframe{border:0}
input,select,textarea,button{max-width:100%;font:inherit}
pre,code{max-width:100%}
pre{overflow:auto}
table{max-width:100%}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.filters,.audio-category-filters{
  max-width:100%;
}
.book-card,.simple-card,.dash-card,.fact,.community-card,.app-feature{
  min-width:0;
}
@supports not (overflow:clip){
  html,body{overflow-x:hidden}
}
@media(max-width:720px){
  body{min-width:0}
  .container,.live-r7-shell{
    max-width:100%;
  }
  .site-header,.site-footer,main{
    width:100%;
    max-width:100%;
  }
  .header-inner,.footer-inner{
    min-width:0;
  }
  .nav-links,.footer-links{
    max-width:100%;
  }
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* /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/header-compact-r2.css */
/* Khalwati R2: compact one-line RTL desktop header, 2026-10-10.
 * Lower priority links remain in the mobile drawer and/or footer.
 * No changes to content, authentication, or admin.
 */
@media (min-width:1101px) {
  .site-header .header-inner,
  .home-refined .site-header .header-inner {
    min-height:56px!important;
    height:56px!important;
    margin-bottom:5px!important;
    padding-inline:11px!important;
    gap:7px!important;
  }
  .site-header .kh-brand,
  .site-header .brand { gap:7px!important; }
  .site-header .kh-brand-copy strong,
  .site-header .brand strong {font-size:.9rem!important;}
  .site-header .kh-brand-mark {width:35px!important;height:35px!important;flex-basis:35px!important;}
  .site-header .kh-brand img,
  .site-header .brand img,
  .home-refined .site-header .brand img {width:35px!important;height:35px!important;flex-basis:35px!important;}
  .site-header .nav-links,
  .home-refined .site-header .nav-links {
    flex-wrap:nowrap!important;
    justify-content:center!important;
    gap:0!important;
    white-space:nowrap!important;
  }
  /* Secondary pages remain accessible via mobile drawer, footer and page links. */
  .site-header nav.nav-links>a[href="/sections/about.html"],
  .site-header nav.nav-links>a[href="/sections/apps.html"],
  .site-header nav.nav-links>a[href="/sections/contact.html"] {display:none!important;}
  .site-header .nav-links a,
  .home-refined .site-header .nav-links a {
    min-height:36px!important;
    padding-inline:6px!important;
    font-size:.81rem!important;
    border-radius:9px!important;
  }
}
/* At tablet/phone widths the existing navigation drawer remains unchanged. */
@media (max-width:700px) {
  .site-header .header-inner,
  .home-refined .site-header .header-inner {min-height:56px!important;height:56px!important;}
}

/* /khalwati-public-assets/reader-passkeys-r2.css */
/* New account section only. Original navigation and theme untouched. */
.kh-r2-wrap{max-width:1100px;margin:26px auto;padding:0 16px;direction:rtl}
.kh-r2-panel{border:1px solid #d8bc76;border-radius:20px;background:#fffdf7;padding:clamp(16px,3vw,28px);box-shadow:0 6px 25px rgba(40,66,45,.06);color:#164335}
.kh-r2-panel h2{font-size:clamp(20px,3vw,27px);color:#0d573e;margin:0 0 10px}
.kh-r2-panel p{margin:8px 0 14px;line-height:1.9}
.kh-r2-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.kh-r2-buttons button{font:inherit;cursor:pointer;padding:10px 18px;border:1px solid #b99545;border-radius:999px;color:#164b39;background:#fff9e9;min-height:44px}
.kh-r2-buttons button:first-child{background:#08563f;color:#fff;border-color:#08563f}
.kh-r2-buttons button:disabled{opacity:.45;cursor:not-allowed}
.kh-r2-panel textarea,.kh-r2-panel input{box-sizing:border-box;width:100%;max-width:680px;border:1px solid #d3bc8c;background:white;color:#173c32;padding:12px;border-radius:10px;direction:ltr;text-align:left;font:14px ui-monospace,monospace;letter-spacing:.2px}
.kh-r2-help{font-size:14px;opacity:.88}
.kh-r2-status{background:#eaf4ed;padding:10px 14px;border-radius:10px;margin:10px 0;overflow-wrap:anywhere}
.kh-r2-panel [hidden]{display:none!important}
@media(max-width:560px){.kh-r2-buttons button{flex:1 1 100%}.kh-r2-panel{border-radius:14px}}

/* /khalwati-public-assets/reader-simple-r9.css */
/* Reader R9: calmer content only. No header, footer or theme changes. */
.kh-passkeys-page .kh-r9-kicker{font-size:.85rem;font-weight:800;color:#8d702c;display:block;margin:0 0 7px}
.kh-r9-passkeys-main{padding:clamp(18px,3vw,34px) 0 48px!important}
.kh-r9-intro{text-align:center;padding:8px 16px 12px!important}
.kh-r9-intro h1,.kh-r9-ac-hero h1{color:#0a4d37;font-size:clamp(1.8rem,4vw,2.5rem);margin:0 0 8px;line-height:1.4;font-weight:900}
.kh-r9-intro p,.kh-r9-ac-hero p{font-size:1.01rem;line-height:1.85;color:#53695b;margin:0 auto 13px;max-width:670px}
.kh-r9-intro-links{display:flex;justify-content:center}
.kh-r9-intro-links a{min-height:41px;padding:7px 18px;font-size:.92rem}
.kh-r9-passkeys-main .kh-r2-wrap{max-width:760px;margin:16px auto 14px}
.kh-r9-passkeys-main .kh-r2-panel,.kh-r9-activity-main .kh-r2-panel{padding:clamp(17px,3vw,27px)}
.kh-r9-panel-head h2{font-size:clamp(1.25rem,2.8vw,1.65rem);margin:0 0 3px}
.kh-r9-panel-head p{color:#587263;font-size:.98rem;line-height:1.65;margin:0 0 12px}
.kh-r9-passkeys-main .kh-r2-status,.kh-r9-activity-main .kh-r2-status{font-size:.94rem;line-height:1.6;border:1px solid #d3e3d9;background:#f0f6ee;margin:12px 0}
.kh-passkeys-page .kh-r9-login-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 0}
.kh-r9-login-actions button{border-radius:13px;font-weight:800;font-size:1rem;white-space:normal}
.kh-r9-vault-title{font-size:1.2rem;margin:14px 0 5px;color:#125842}
.kh-r9-short-help{color:#637667;font-size:.92rem;line-height:1.75!important;margin:5px 0 12px!important}
.kh-r9-field-label,.kh-r9-new-key label{display:block;margin:16px 0 8px;font-weight:800;color:#315846;font-size:.97rem}
.kh-r9-new-key{border:1px solid #e5d39f;background:#fff9df;padding:14px;border-radius:14px;margin:12px 0}
.kh-r9-new-key:has(>textarea[hidden]){display:none}
.kh-r9-new-key textarea{max-width:none!important}
.kh-r9-new-key p{font-size:.86rem;color:#735b30;line-height:1.6;margin:7px 0 0}
.kh-r9-vault-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kh-r9-vault-actions button{border-radius:13px;white-space:normal;line-height:1.6;min-height:47px;padding:8px}
.kh-r9-vault-actions button:first-child{background:#09563f;color:white}
.kh-passkeys-page .kh-r9-details{background:#fffef9;border:1px solid #e4d8bb;border-radius:15px;overflow:hidden;margin:12px 0}
.kh-passkeys-page .kh-r9-details>summary{cursor:pointer;padding:14px 18px;color:#0d5740;font-weight:800;line-height:1.7;list-style-position:inside}
.kh-passkeys-page .kh-r9-details>summary:focus-visible{outline:3px solid #aa8533;outline-offset:-3px}
.kh-passkeys-page .kh-r9-details[open]>summary{border-bottom:1px solid #eee5d2}
.kh-r9-details-body{padding:13px 18px 18px;color:#53695b;line-height:1.8}
.kh-r9-details-body p{margin:0 0 11px;font-size:.94rem}
.kh-r9-details-body .kh-r2-buttons{margin:8px 0 0}
.kh-r9-details-body [data-r2-action="delete"]{background:#fff5f1!important;border-color:#e2b0a5!important;color:#942d27!important}
.kh-r9-info{max-width:760px!important;margin:0 auto;padding:0 16px}
.kh-r9-info .kh-r9-details{margin:10px 0 0}
.kh-r9-inline-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px}.kh-r9-inline-links a{font-weight:800;color:#0a5b43}
.kh-r9-activity-main{padding:18px 0 55px}
.kh-r9-ac-hero{padding:8px 0 0;text-align:right}
.kh-r9-ac-hero p{margin:0;color:#53695b}
.kh-r9-activity-main .kh-ac-stats{margin:15px 0;gap:10px}
.kh-r9-activity-main .kh-ac-stats>div{padding:13px 16px;border-radius:15px}
.kh-r9-activity-main .kh-ac-stats strong{font-size:clamp(1.55rem,3vw,1.9rem);margin-top:3px}
.kh-r9-activity-main .kh-ac-controls{margin:18px 0 8px;padding:16px 18px;border:1px solid #e4d8bb;border-radius:17px;background:#fffef9}
.kh-r9-ac-controls h2,.kh-r9-activity-main .kh-ac-feed h2{font-size:1.23rem}
.kh-r9-ac-controls p{font-size:.92rem}
.kh-r9-ac-controls #ac-toggle{font-size:.95rem;min-height:44px}
.kh-r9-quick-links{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}
.kh-r9-quick-links a{padding:8px 13px;background:#f7f1dd;border:1px solid #e4d8bb;border-radius:12px;color:#16533f;text-decoration:none;font-weight:750}
.kh-r9-activity-main .kh-ac-add{margin-top:15px;padding:17px 19px}
.kh-r9-activity-main .kh-ac-add h3{font-size:1.13rem}
.kh-r9-activity-main .kh-ac-feed{margin-top:20px}
.kh-r9-activity-main .kh-ac-entry{padding:12px 15px}
.kh-r9-activity-main .kh-ac-empty{padding:22px}
.kh-r9-ac-settings{margin:18px 0!important}
.kh-r9-sync-intro{display:flex;align-items:center;gap:12px;background:#edf4ea;border:1px solid #d3e1cb;padding:17px;border-radius:17px;margin:18px 0 5px}
.kh-r9-sync-intro>span{font-size:1.7rem}.kh-r9-sync-intro>div{flex:1;min-width:0}.kh-r9-sync-intro strong{color:#15543f}.kh-r9-sync-intro p{margin:3px 0 0;font-size:.88rem;color:#52695a;line-height:1.65}
.kh-r9-sync-intro a{display:inline-block;padding:9px 14px;border:1px solid #145e46;border-radius:11px;background:#0c5e45;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}
.kh-r9-sync-details{max-width:980px;margin:17px auto!important}
.kh-r9-sync-details>.kh-r2-wrap{margin:0 auto 10px}
.kh-r9-sync-details .kh-r2-panel{box-shadow:none}
@media(max-width:620px){
 .kh-r9-passkeys-main{padding-top:12px!important}.kh-r9-intro{text-align:right}
 .kh-r9-intro-links{justify-content:flex-start}
 .kh-r9-passkeys-main .kh-r2-wrap{margin:13px auto 8px}
 .kh-r9-login-actions{grid-template-columns:1fr!important}
 .kh-r9-vault-actions{grid-template-columns:1fr!important}
 .kh-r9-vault-actions button{width:100%}
 .kh-r9-activity-main .kh-ac-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kh-r9-activity-main .kh-ac-controls{padding:14px}
 .kh-r9-activity-main #ac-toggle{width:100%}
 .kh-r9-sync-intro{flex-wrap:wrap}.kh-r9-sync-intro a{width:100%;text-align:center}
 .kh-r9-details-body .kh-r2-buttons button{flex:1 1 100%}
}

/* /khalwati-public-assets/reader-pro-r10.css */
/* R10 – premium reader dashboard. Scoped ONLY to activity/passkeys page main.
   Keep original site header, footer, global theme, reader API, storage keys intact. */
.kh-r10{--kh-forest:#074a36;--kh-forest-dark:#043c2e;--kh-jade:#236b53;--kh-gold:#b18b41;--kh-ink:#153c30;--kh-muted:#64796e;--kh-line:#e6dfcd;--kh-paper:#fffefb;--kh-surface:#f9f7ef;--kh-shadow:0 10px 32px rgba(17,55,39,.055);color:var(--kh-ink);padding:24px 0 70px!important;background:radial-gradient(circle at 80% 0,rgba(217,229,208,.36),transparent 38%),#fbf8f0}
.kh-r10 *{box-sizing:border-box}.kh-r10-icons{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.kh-r10-icon{display:inline-block;vertical-align:middle;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.kh-r10 .kh-r10-container{max-width:1130px;width:100%;padding-inline:clamp(16px,3vw,28px)}
.kh-r10 h1,.kh-r10 h2,.kh-r10 h3{font-family:inherit;letter-spacing:0}.kh-r10 h1{font-weight:900}.kh-r10 a{text-underline-offset:4px}.kh-r10 a:focus-visible,.kh-r10 button:focus-visible,.kh-r10 summary:focus-visible,.kh-r10 input:focus-visible{outline:3px solid #b99545;outline-offset:3px}
.kh-r10 button{cursor:pointer;font-family:inherit}.kh-r10 button:disabled{cursor:not-allowed;opacity:.53;box-shadow:none!important}.kh-r10 button:not(:disabled):hover,.kh-r10 a.kh-r10-button:hover{filter:brightness(.98);transform:translateY(-1px)}.kh-r10 button,.kh-r10 a.kh-r10-button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.kh-r10-overline,.kh-r10-eyebrow{font-weight:800;color:#8e733e;font-size:.8rem;letter-spacing:.025em}.kh-r10-dot{display:inline-block;vertical-align:middle;width:7px;height:7px;background:#bb9548;border-radius:50%;margin-inline-end:7px;box-shadow:0 0 0 4px rgba(206,183,125,.19)}
.kh-r10-activity-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#064a37 0%,#0b5a43 63%,#12674a 100%);border:1px solid rgba(7,79,56,.7);box-shadow:0 20px 40px rgba(5,61,43,.14);border-radius:27px;min-height:232px;padding:clamp(24px,3.6vw,43px) clamp(24px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:28px;color:#fff}
.kh-r10-activity-hero:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(229,205,142,.14);border-radius:50%;top:-240px;left:-65px;box-shadow:0 0 0 50px rgba(215,196,137,.035),0 0 0 102px rgba(215,196,137,.025);pointer-events:none}
.kh-r10-activity-hero:after{content:"✧";font:70px Georgia,serif;color:rgba(232,208,142,.16);position:absolute;left:40%;top:6px}
.kh-r10-heading-copy{position:relative;z-index:1}.kh-r10-eyebrow{color:#efdaaa;font-size:.8rem}.kh-r10-activity-hero h1{color:#fff;font-size:clamp(2rem,4vw,3.05rem);line-height:1.4;margin:10px 0 6px}.kh-r10-activity-hero h1 span{color:#e8c77d}.kh-r10-activity-hero p{color:#e0ede4;font-size:clamp(.91rem,1.5vw,1rem);line-height:1.8;margin:0 0 22px;max-width:570px}.kh-r10-hero-shortcuts{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.kh-r10-hero-shortcuts a{display:inline-flex;gap:9px;align-items:center;min-height:39px;border-radius:11px;padding:6px 15px;text-decoration:none;font-weight:800;font-size:.86rem;border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.1)}.kh-r10-hero-shortcuts a:first-child{background:#f9f2db;color:#104b38;border-color:#f9f2db}.kh-r10-hero-shortcuts .kh-r10-icon{width:17px;height:17px}.kh-r10-end{width:15px!important;height:15px!important}
.kh-r10-hero-emblem{position:relative;flex:0 0 195px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#ead5a3}.kh-r10-emblem-ring{height:145px;width:145px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(239,210,147,.43);box-shadow:0 0 0 11px rgba(241,222,175,.045),0 0 0 23px rgba(241,222,175,.06),inset 0 0 22px rgba(250,243,221,.05)}.kh-r10-emblem-center{display:grid;place-items:center;width:100px;height:100px;border-radius:25px;transform:rotate(-7deg);border:1px solid rgba(255,255,255,.26);background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.045))}.kh-r10-emblem-center .kh-r10-icon{width:52px;height:52px;transform:rotate(7deg);color:#f3daa4;stroke-width:1.25}.kh-r10-emblem-label{font-size:.76rem;font-weight:750;color:#e4ce9e}
.kh-r10-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:29px 0 13px}.kh-r10-section-heading h2{font-size:1.33rem;color:#104a37;margin:3px 0 0;line-height:1.5;font-weight:900}.kh-r10-section-caption{font-size:.8rem;color:var(--kh-muted)}
.kh-r10 .kh-ac-stats.kh-r10-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}.kh-r10 .kh-r10-stat{display:flex;align-items:center;gap:13px;min-width:0;min-height:115px;padding:18px;border:1px solid var(--kh-line);background:var(--kh-paper);border-radius:19px;box-shadow:var(--kh-shadow)}.kh-r10 .kh-r10-stat-icon{display:grid;place-items:center;flex:0 0 45px;height:45px;border-radius:14px}.kh-r10 .kh-r10-stat-icon .kh-r10-icon{width:23px;height:23px}.kh-r10 .kh-r10-icon-mint{background:#dff0e7;color:#21664d}.kh-r10 .kh-r10-icon-gold{background:#faf0d9;color:#987232}.kh-r10 .kh-r10-icon-sage{background:#e9f2e3;color:#42664c}.kh-r10 .kh-r10-icon-cream{background:#f3ede2;color:#806b49}.kh-r10 .kh-r10-stat small{font-size:.78rem;line-height:1.5;color:#68796c;font-weight:650;display:block}.kh-r10 .kh-r10-stat strong{font-size:clamp(1.45rem,2.2vw,1.95rem);font-weight:900;line-height:1.25;color:#104b39;margin:5px 0 0;display:block}
.kh-r10-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.95fr);gap:19px;align-items:start}.kh-r10-main-col,.kh-r10-side-col{min-width:0}.kh-r10-card{border:1px solid var(--kh-line);border-radius:20px;background:var(--kh-paper);box-shadow:var(--kh-shadow);padding:23px}.kh-r10-card-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.kh-r10-card-symbol{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#0b6449,#064831);color:#fff;display:grid;place-items:center}.kh-r10-card-symbol .kh-r10-icon{width:22px;height:22px}.kh-r10-card-symbol-light{background:#e6f0e7;color:#195c43}.kh-r10-card-head h2{font-size:1.1rem!important;color:#134e3b;margin:0 0 3px;font-weight:850;line-height:1.4}.kh-r10-card-head p{font-size:.79rem!important;color:#758276;margin:0!important;line-height:1.55}
.kh-r10 .kh-r10-dhikr-form{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(160px,1.25fr) auto;gap:10px;align-items:end}.kh-r10 .kh-r10-dhikr-form label{display:flex;flex-direction:column;gap:7px;color:#51675c;font-weight:750;font-size:.82rem;min-width:0}.kh-r10 .kh-r10-dhikr-form label span{font-size:.73rem;font-weight:550;color:#8b948b}.kh-r10 .kh-r10-dhikr-form input{height:42px;min-height:42px;max-width:none!important;width:100%;border-radius:10px;border:1px solid #d9d8ca;background:#fff;padding:8px 11px;color:#174735;font:inherit;font-size:.88rem}.kh-r10 .kh-r10-dhikr-form input::placeholder{color:#a0a59b}.kh-r10 .kh-r10-button{display:inline-flex;gap:8px;justify-content:center;align-items:center;text-decoration:none!important;font-size:.87rem!important;font-weight:800;border-radius:11px;padding:9px 16px;min-height:42px;line-height:1.4;border:1px solid transparent;white-space:nowrap}.kh-r10 .kh-r10-button .kh-r10-icon{width:17px;height:17px}.kh-r10 .kh-r10-button-solid{background:var(--kh-forest);color:white!important;border-color:var(--kh-forest)}.kh-r10 .kh-r10-button-soft{background:#f2f7ee;color:#15523f;border-color:#d0dfcf}.kh-r10 .kh-r10-button-light{background:#fdf6e5;color:#0c4c38!important;border-color:#fdf6e5}.kh-r10 .kh-r10-form-status{font-size:.79rem;margin:7px 0 0!important;min-height:1.2em}
.kh-r10-feed{margin-top:25px}.kh-r10-feed .kh-r10-section-heading{margin:0 0 12px}.kh-r10 #ac-list{min-width:0}.kh-r10 .kh-ac-entry{display:flex;align-items:center;gap:13px;background:var(--kh-paper);padding:14px 18px;border:1px solid var(--kh-line);border-radius:15px;box-shadow:0 4px 15px rgba(10,50,30,.035);margin:0 0 9px}.kh-r10 .kh-ac-type{display:grid;place-items:center;width:41px;height:41px;flex:0 0 41px;border:1px solid #e4e5d7;background:#f6f6ed;border-radius:13px;font-size:20px}.kh-r10 .kh-ac-copy strong{font-size:.9rem;color:#174735}.kh-r10 .kh-ac-copy small{font-size:.76rem;color:#7c897e;line-height:1.6}.kh-r10 .kh-ac-empty{border:1px dashed #d5c79e;border-radius:16px;background:#fffdf5;padding:25px 20px;text-align:center;color:#798176;font-size:.9rem;line-height:1.8}
.kh-r10-side-col{display:flex;flex-direction:column;gap:15px}.kh-r10-side-col .kh-r10-card{padding:20px}.kh-r10 .kh-r10-card-copy{font-size:.86rem;line-height:1.75;color:#687c70;margin:0 0 17px!important}.kh-r10 #ac-toggle{width:100%;min-height:42px;font-size:.86rem!important;line-height:1.45;white-space:normal}.kh-r10-mini-note{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:.75rem;color:#748475}.kh-r10-mini-note .kh-r10-icon{width:15px;height:15px}
.kh-r10-sync-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#084d39,#0a6247);border-radius:19px;padding:23px;color:white;box-shadow:0 12px 27px rgba(6,76,52,.12)}.kh-r10-sync-card:after{content:"";position:absolute;left:-47px;top:-47px;width:142px;height:142px;border-radius:50%;border:1px solid rgba(231,210,162,.24);box-shadow:0 0 0 24px rgba(255,255,255,.025)}.kh-r10-sync-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid rgba(247,238,210,.25);border-radius:15px;background:rgba(255,255,255,.12);margin-bottom:16px}.kh-r10-sync-icon .kh-r10-icon{width:24px;height:24px}.kh-r10-sync-card .kh-r10-overline{color:#e9d49b}.kh-r10-sync-card h2{color:#fff;font-size:1.25rem;line-height:1.5;margin:4px 0 7px;font-weight:900}.kh-r10-sync-card p{color:#d8e9de;font-size:.83rem;line-height:1.85;margin:0 0 19px}.kh-r10-sync-card .kh-r10-button{width:100%;justify-content:space-between}
.kh-r10-details{border:1px solid var(--kh-line);border-radius:15px;background:var(--kh-paper);overflow:hidden;margin:0}.kh-r10-details summary{cursor:pointer;display:flex;align-items:center;gap:9px;color:#245943;font-weight:800;font-size:.88rem;min-height:45px;line-height:1.6;padding:11px 15px;list-style:none}.kh-r10-details summary::-webkit-details-marker{display:none}.kh-r10-details summary:after{content:"⌄";margin-inline-start:auto;color:#9b7a3d;font:900 19px sans-serif;transition:transform .15s}.kh-r10-details[open] summary:after{transform:rotate(180deg)}.kh-r10-details summary .kh-r10-icon{width:17px;height:17px}.kh-r10-details summary span{color:#829184;font-size:.7rem;font-weight:600}.kh-r10-details-inner{padding:0 16px 16px;border-top:1px solid #f0eddf}.kh-r10-details-inner>p{font-size:.8rem;line-height:1.75;color:#687970;margin:11px 0}.kh-r10 .kh-ac-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.kh-r10 .kh-ac-tools button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.8rem!important;font-weight:750;min-height:39px;padding:7px 11px;border-radius:10px}.kh-r10 .kh-ac-tools button .kh-r10-icon{width:16px;height:16px}
.kh-r10-cloud-tools{margin-top:19px}.kh-r10-cloud-tools>.kh-r10-details-inner{padding:14px}.kh-r10-cloud-tools .kh-r2-wrap{max-width:780px;padding:0;margin:0 auto}.kh-r10-cloud-tools .kh-r2-panel{padding:21px;border:0;box-shadow:none;background:transparent}.kh-r10 .kh-r2-panel h2{font-size:1.18rem}.kh-r10 .kh-r2-panel .kh-r2-status{font-size:.82rem!important;line-height:1.65;background:#ecf5eb;margin:13px 0;padding:10px 13px;border:1px solid #d6e7d7;border-radius:11px;overflow-wrap:anywhere}.kh-r10 .kh-r10-micro{font-size:.75rem!important;color:#778379;line-height:1.7;margin:8px 0!important}
/* Dedicated Passkeys page */
.kh-r10-passkeys .kh-r10-auth-container{max-width:770px}.kh-r10-auth-hero{text-align:center;position:relative;padding:18px 0 14px}.kh-r10-auth-eyebrow{display:flex;gap:7px;justify-content:center;align-items:center;color:#8a753e;font-size:.78rem;font-weight:850}.kh-r10-auth-eyebrow .kh-r10-icon{width:16px;height:16px}.kh-r10-auth-badge{display:grid;place-items:center;width:68px;height:68px;margin:16px auto 14px;border-radius:21px;background:linear-gradient(145deg,#0e694e,#064834);color:#eed8a5;box-shadow:0 11px 24px rgba(8,76,54,.16),0 0 0 7px #eaf0e5}.kh-r10-auth-badge .kh-r10-icon{width:34px;height:34px;stroke-width:1.45}.kh-r10-auth-hero h1{font-size:clamp(2rem,4vw,2.55rem);line-height:1.4;color:#0b4b38;margin:0 0 7px}.kh-r10-auth-hero h1 span{color:#bd9653}.kh-r10-auth-hero p{color:#617568;line-height:1.85;font-size:.94rem;max-width:570px;margin:0 auto}.kh-r10-auth-points{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 17px;margin-top:16px}.kh-r10-auth-points span{display:inline-flex;gap:5px;align-items:center;color:#47775d;font-size:.78rem;font-weight:800}.kh-r10-auth-points .kh-r10-icon{width:15px;height:15px}
.kh-r10-passkeys .kh-r10-auth-wrap{margin:17px auto 14px;max-width:700px;padding:0}.kh-r10-passkeys .kh-r10-auth-wrap .kh-r2-panel{padding:clamp(20px,3vw,30px);background:#fffefa;border:1px solid #e3ddc9;border-radius:22px;box-shadow:var(--kh-shadow)}.kh-r10-auth-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.kh-r10-auth-head h2{font-size:1.38rem!important;margin:3px 0;color:#114b39}.kh-r10-auth-head p{font-size:.87rem!important;color:#66796d;margin:0!important;line-height:1.65}.kh-r10-auth-head-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#eff5ec;color:#24624b}.kh-r10-auth-head-icon .kh-r10-icon{width:24px;height:24px}
.kh-r10 .kh-r10-auth-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0}.kh-r10 .kh-r10-auth-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:1 1 180px;max-width:none;font-size:.91rem!important;min-height:46px;border-radius:12px;padding:9px 15px;line-height:1.5;border:1px solid #d0b77b;background:#fff8e8;color:#184d3a;font-weight:800}.kh-r10 .kh-r10-auth-actions button:first-child{background:#07563f;color:#fff;border-color:#07563f}.kh-r10 .kh-r10-auth-actions .kh-r10-icon{width:19px;height:19px}
.kh-r10-vault-header{display:flex;align-items:center;gap:12px;padding:19px 0 8px;margin-top:7px;border-top:1px solid #ece8d9}.kh-r10-vault-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#e7f2e6;color:#226047}.kh-r10-vault-header h3{font-size:1.14rem;color:#164c3a;margin:2px 0}.kh-r10-vault-header p{font-size:.8rem;color:#718276;margin:0!important}.kh-r10 .kh-r10-new-key{padding:12px!important;margin:12px 0!important;border-radius:11px}.kh-r10 .kh-r10-new-key label{font-size:.82rem;margin:0 0 4px}.kh-r10 .kh-r10-new-key p{font-size:.75rem!important;margin:5px 0 0}.kh-r10 .kh-r10-field-label{display:block;color:#496655;font-size:.82rem;font-weight:850;margin:14px 0 7px}.kh-r10 .kh-r2-panel input{font-size:.84rem;min-height:44px;border-radius:11px;border:1px solid #dcd8c7}.kh-r10 .kh-r10-vault-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.kh-r10 .kh-r10-vault-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 13px;border-radius:11px;font-size:.83rem!important;line-height:1.5;flex:1 1 125px;max-width:none;white-space:normal}.kh-r10 .kh-r10-vault-actions button:first-child{background:#09563f;color:white}.kh-r10 .kh-r10-vault-actions .kh-r10-icon{width:16px;height:16px}.kh-r10-account-settings{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.kh-r10-account-settings>.kh-r10-details{align-self:start}.kh-r10 .kh-r10-details-inner .kh-r2-buttons{margin:11px 0 0;gap:7px}.kh-r10 .kh-r10-details-inner .kh-r2-buttons button{min-height:39px;padding:7px 11px;font-size:.8rem;border-radius:10px}.kh-r10 [data-r2-action="delete"]{background:#fff4f0!important;color:#973e36!important;border-color:#dfbdb4!important}.kh-r10-auth-bottom{border-top:1px solid #eee8d9;margin-top:19px;padding-top:14px}.kh-r10-auth-bottom a{display:flex;align-items:center;gap:9px;font-size:.87rem;color:#135b43;text-decoration:none;font-weight:850}.kh-r10-auth-bottom .kh-r10-end{margin-inline-start:auto}
.kh-r10-security-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;margin:15px 0;padding:18px 20px;background:#f0f5eb;border:1px solid #dae7d5;border-radius:18px;align-items:start}.kh-r10-security-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#dceadb;color:#1d6046}.kh-r10-security-note h2{font-size:1.03rem;color:#15513c;margin:0 0 4px}.kh-r10-security-note p{color:#617469;font-size:.8rem;line-height:1.8;margin:0}.kh-r10-security-note>.kh-r10-details{grid-column:2;background:transparent;border:0;border-top:1px solid #dce8d7;border-radius:0}.kh-r10-security-note>.kh-r10-details summary{padding:8px 0;min-height:34px;font-size:.78rem;color:#4b7a5e}.kh-r10-security-note>.kh-r10-details .kh-r10-details-inner{border:0;padding:0 0 8px}
/* don't let R9 mobile stylesheet force full-width vault buttons */
@media(max-width:860px){.kh-r10-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(240px,.75fr)}.kh-r10 .kh-ac-stats.kh-r10-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-r10 .kh-r10-stat{min-height:92px}.kh-r10 .kh-r10-dhikr-form{grid-template-columns:minmax(95px,.65fr) minmax(135px,1fr)}.kh-r10 .kh-r10-dhikr-form button{grid-column:1/-1;justify-self:start;min-width:125px}}
@media(max-width:650px){.kh-r10{padding:12px 0 40px!important}.kh-r10 .kh-r10-container{padding-inline:14px}.kh-r10-activity-hero{border-radius:20px;min-height:190px;padding:25px 22px}.kh-r10-activity-hero h1{font-size:2rem}.kh-r10-activity-hero p{font-size:.87rem;margin-bottom:18px}.kh-r10-hero-emblem{display:none}.kh-r10-hero-shortcuts a{font-size:.79rem;min-height:38px;padding:6px 11px}.kh-r10-section-heading{margin:25px 0 11px}.kh-r10-section-caption{display:none}.kh-r10 .kh-r10-stat{padding:12px;gap:10px;border-radius:14px;min-height:87px}.kh-r10 .kh-r10-stat-icon{width:39px;height:39px;flex-basis:39px;border-radius:12px}.kh-r10 .kh-r10-stat-icon .kh-r10-icon{width:20px;height:20px}.kh-r10 .kh-r10-stat strong{font-size:1.55rem}.kh-r10 .kh-r10-stat small{font-size:.72rem}.kh-r10-dashboard-grid{grid-template-columns:1fr;gap:15px}.kh-r10-card{padding:17px;border-radius:16px}.kh-r10 .kh-r10-dhikr-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.kh-r10 .kh-r10-dhikr-form button{grid-column:1/-1;width:100%;justify-self:stretch}.kh-r10-side-col{display:grid;grid-template-columns:1fr;gap:12px}.kh-r10-sync-card{padding:19px}.kh-r10 .kh-r10-auth-wrap{margin-top:15px}.kh-r10-auth-hero{padding-top:7px}.kh-r10-auth-badge{width:61px;height:61px;border-radius:19px;margin:13px auto}.kh-r10-auth-hero h1{font-size:2rem}.kh-r10-auth-hero p{font-size:.85rem}.kh-r10-auth-points{gap:7px 11px}.kh-r10-auth-points span{font-size:.71rem}.kh-r10-passkeys .kh-r10-auth-wrap .kh-r2-panel{padding:19px;border-radius:18px}.kh-r10 .kh-r10-auth-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px}.kh-r10 .kh-r10-auth-actions button{flex:auto;min-width:0!important;min-height:44px;padding:8px 6px;font-size:.81rem!important}.kh-r10 .kh-r10-vault-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kh-r10 .kh-r10-vault-actions button{width:auto!important;flex:auto!important;min-width:0;padding:8px}.kh-r10 .kh-r10-vault-actions button:last-child{grid-column:1/-1}.kh-r10-account-settings{grid-template-columns:1fr}.kh-r10-security-note{margin-top:13px;padding:15px}.kh-r10 .kh-r10-details-inner .kh-r2-buttons button{flex:1 1 130px!important}}
@media(max-width:380px){.kh-r10 .kh-r10-stat{gap:6px;padding:11px 9px}.kh-r10 .kh-r10-stat-icon{width:34px;height:34px;flex-basis:34px}.kh-r10 .kh-r10-stat strong{font-size:1.35rem}.kh-r10 .kh-r10-dhikr-form{grid-template-columns:1fr}.kh-r10-activity-hero{padding:20px 18px}.kh-r10 .kh-r10-auth-actions{grid-template-columns:1fr!important}.kh-r10 .kh-r10-vault-actions{grid-template-columns:1fr}.kh-r10 .kh-r10-vault-actions button:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.kh-r10 button,.kh-r10 a.kh-r10-button,.kh-r10-details summary:after{transition:none!important}}

/* /khalwati-public-assets/reader-compact-r11.css */
/* Khalwati R11 — small guest landing and compact signed-in activity.
   Only affects activity.html and passkeys.html. Header/footer and existing PHP are not changed. */
.kh-r11{--r11-ink:#154738;--r11-green:#07573e;--r11-border:#e6ddc7;--r11-quiet:#63776c;background:#fbf8f0;color:var(--r11-ink);padding:18px 0 40px;min-height:45vh}
.kh-r11 *{box-sizing:border-box}.kh-r11 [hidden]{display:none!important}
.kh-r11 .kh-r11-container{max-width:940px;margin:auto;padding-inline:clamp(15px,3vw,26px)}
.kh-r11 h1,.kh-r11 h2{color:var(--r11-ink);font-family:inherit;line-height:1.4;letter-spacing:0}
.kh-r11 a,.kh-r11 button,.kh-r11 summary{transition:background .16s ease,color .16s ease}
.kh-r11 a:focus-visible,.kh-r11 button:focus-visible,.kh-r11 summary:focus-visible,.kh-r11 input:focus-visible{outline:3px solid #bd984c;outline-offset:3px}
.kh-r11 button:disabled{opacity:.5;cursor:not-allowed}
.kh-r11-tag{color:#8e713a;font-size:.78rem;font-weight:750}
/* Short guest view, instead of exposing an empty dashboard */
.kh-r11-guest{text-align:center;padding:31px 20px 24px;margin:15px auto;background:#fffefa;max-width:580px;border:1px solid var(--r11-border);border-radius:21px;box-shadow:0 12px 30px rgba(10,54,37,.045)}
.kh-r11-guest h1{font-size:clamp(1.45rem,3.6vw,1.94rem);font-weight:800;margin:8px 0 6px}.kh-r11-guest h1 span{color:#bb9a55}
.kh-r11-guest>p{font-size:.86rem;line-height:1.85;margin:0 auto 19px;color:var(--r11-quiet);max-width:440px}
.kh-r11 a.kh-r11-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 20px;border-radius:12px;background:var(--r11-green);color:white!important;text-decoration:none;font-size:.88rem;font-weight:800;max-width:100%}
.kh-r11 .kh-r11-footnote{font-size:.72rem!important;margin:13px auto 0!important;color:#839085!important}
/* Signed-in: slim heading and compact statistics */
.kh-r11-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px}
.kh-r11-top h1{font-size:clamp(1.45rem,3vw,1.85rem);margin:4px 0}.kh-r11-top p{font-size:.82rem;color:var(--r11-quiet);margin:0}
.kh-r11-shortcuts{display:flex;gap:8px}.kh-r11-shortcuts a{padding:8px 12px;background:#fffefb;border:1px solid var(--r11-border);border-radius:11px;text-decoration:none;font-size:.8rem;color:#285e46;font-weight:700;white-space:nowrap}
.kh-r11-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}
.kh-r11-stat{background:#fffefa;border:1px solid var(--r11-border);border-radius:14px;padding:12px 14px;min-height:77px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.kh-r11-stat small{font-size:.76rem;line-height:1.5;color:#65776c}.kh-r11-stat strong{color:#09543d;font-size:1.45rem;line-height:1.2;white-space:nowrap}
.kh-r11-panel{background:#fffefa;border:1px solid var(--r11-border);border-radius:16px;padding:16px 18px}
.kh-r11-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:9px}
.kh-r11-panel-head h2{font-size:1.03rem;margin:0}.kh-r11-panel-head span{font-size:.72rem;color:#8a968b}
.kh-r11 #ac-list{max-height:350px;overflow:auto}.kh-r11 #ac-list .kh-ac-empty{padding:18px 12px;text-align:center;background:#faf8f0;border:1px dashed #ded6bd;border-radius:12px;font-size:.82rem;line-height:1.8;color:#7b897e}
.kh-r11 #ac-list .kh-ac-entry{padding:10px 4px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #efeadd}
.kh-r11 #ac-list .kh-ac-entry:last-child{border-bottom:0}.kh-r11 #ac-list .kh-ac-type{font-size:1.18rem}
.kh-r11 #ac-list .kh-ac-copy strong{font-size:.84rem}.kh-r11 #ac-list .kh-ac-copy small{font-size:.72rem;color:var(--r11-quiet);display:block}
.kh-r11-quickrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:11px 0}
.kh-r11-fold,.kh-r11-autosave{background:#fffefa;border:1px solid var(--r11-border);border-radius:12px}
.kh-r11-fold>summary{cursor:pointer;padding:11px 14px;list-style:none;display:flex;align-items:center;gap:7px;color:#1f5c45;font-size:.84rem;font-weight:800;min-height:43px}
.kh-r11-fold>summary::-webkit-details-marker{display:none}.kh-r11-fold>summary::after{content:'⌄';margin-inline-start:auto;color:#b3985f;font-size:1.05rem}.kh-r11-fold[open]>summary::after{transform:rotate(180deg)}
.kh-r11-fold summary span{font-size:.72rem;color:#879083;font-weight:400;margin-inline-start:auto}
.kh-r11-autosave{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;font-size:.8rem;font-weight:750}
.kh-r11-autosave button{background:#ecf4e9;border:1px solid #c8dfca;color:#15553f;padding:7px 10px;min-height:34px;border-radius:9px;font:inherit;font-size:.73rem;cursor:pointer}
.kh-r11 .kh-r11-form{padding:4px 14px 14px;display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end}
.kh-r11-form label{font-size:.75rem;color:#4f6a5d;display:block}.kh-r11-form input{width:100%;display:block;margin-top:5px;min-height:38px;border:1px solid #dcd5c3;border-radius:9px;padding:8px 10px;background:#fff}
.kh-r11-form button,.kh-r11-tools-actions button{min-height:38px;padding:8px 12px;border-radius:9px;font-size:.79rem;font-family:inherit;font-weight:750;cursor:pointer}
.kh-r11-form button{background:#07563f;color:white;border:1px solid #07563f}.kh-r11-message{font-size:.8rem;min-height:0;line-height:1.5;margin:5px 0;color:#346c54}
.kh-r11-cloud,.kh-r11-tools{margin-top:10px}.kh-r11-hint{font-size:.75rem;line-height:1.75;color:var(--r11-quiet);padding:0 14px}
.kh-r11-tools-actions{padding:4px 13px 14px;display:flex;gap:9px;flex-wrap:wrap}.kh-r11-tools-actions button{background:#f8f4e8;border:1px solid #d9cba8;color:#395a4a}
/* Existing vault controls remain wired to original IDs/actions, simply compacted */
.kh-r11 .kh-r2-wrap{padding:0;margin:5px 13px 13px;max-width:none}
.kh-r11 .kh-r2-panel{padding:13px!important;box-shadow:none!important;border:0!important;background:#f9f8f3!important;border-radius:12px!important}
.kh-r11 .kh-r2-status{font-size:.76rem!important;line-height:1.65;margin:8px 0 12px!important;padding:8px 10px!important;border-radius:9px!important;background:#eaf4e9!important;color:#325c44!important}
.kh-r11 .kh-r2-buttons{display:flex;flex-wrap:wrap;gap:7px}.kh-r11 .kh-r2-buttons button{width:auto!important;flex:1 1 130px;max-width:none!important;min-height:38px!important;font:inherit;font-size:.79rem!important;padding:7px 10px!important;border-radius:9px!important}
.kh-r11 .kh-r2-panel input{width:100%;font-size:.8rem;min-height:38px;border-radius:9px}
.kh-r11 .kh-r10-vault-header{border:0;padding:0 0 8px;margin:0}.kh-r11 .kh-r10-vault-header h3{font-size:.98rem}.kh-r11 .kh-r10-vault-header p{font-size:.75rem!important}
.kh-r11 .kh-r10-new-key{font-size:.78rem!important;margin:6px 0!important}.kh-r11 .kh-r10-micro{font-size:.72rem!important}
.kh-r11 .kh-r10-details{margin-top:8px;background:white;border:1px solid #e6dfcb;border-radius:10px}.kh-r11 .kh-r10-details summary{padding:10px;font-size:.79rem}.kh-r11 .kh-r10-details-inner{padding:10px}
.kh-r11-activity #kh-r2-account{display:none!important}
/* Passkeys page: brief login, vault only when backend session is verified */
.kh-r11-login-container{max-width:610px!important}
.kh-r11-login-head{text-align:center;margin:3px auto 16px}.kh-r11-login-head h1{font-size:clamp(1.4rem,3vw,1.85rem);margin:6px 0}.kh-r11-login-head p{font-size:.84rem;color:var(--r11-quiet);line-height:1.7;margin:0}
.kh-r11-passkeys .kh-r2-wrap{margin:0 auto;max-width:610px}.kh-r11-passkeys .kh-r2-panel{background:#fffefa!important;border:1px solid var(--r11-border)!important;padding:19px!important;border-radius:16px!important;box-shadow:0 6px 24px rgba(10,54,37,.04)!important}
.kh-r11-passkeys .kh-r10-auth-head h2{font-size:1.04rem!important}.kh-r11-passkeys .kh-r10-auth-head p{font-size:.78rem!important}.kh-r11-passkeys .kh-r10-auth-head-icon{width:37px;height:37px}
.kh-r11-passkeys .kh-r10-auth-actions button{font-size:.82rem!important;min-height:40px!important}
.kh-r11-passkeys .kh-r10-vault-header{border-top:1px solid #eee8d7;margin-top:12px;padding-top:14px}
.kh-r11-privacy{font-size:.75rem;color:#78897d;text-align:center;margin:14px auto!important}.kh-r11-privacy a{color:#275c48}
@media(max-width:700px){
.kh-r11{padding:12px 0 30px}.kh-r11 .kh-r11-container{padding-inline:15px}
.kh-r11-guest{margin:9px auto;padding:26px 19px 21px}
.kh-r11-top{align-items:flex-start;flex-wrap:wrap;gap:8px}.kh-r11-shortcuts{gap:6px}.kh-r11-shortcuts a{font-size:.73rem;padding:6px 10px}
.kh-r11-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}.kh-r11-stat{padding:9px 11px;min-height:60px;border-radius:11px}.kh-r11-stat strong{font-size:1.26rem}.kh-r11-stat small{font-size:.71rem}
.kh-r11-panel{padding:13px}.kh-r11-panel-head span{font-size:.65rem}
.kh-r11-quickrow{grid-template-columns:1fr;gap:8px}.kh-r11-form{grid-template-columns:1fr 1fr!important;gap:7px!important}.kh-r11-form button{grid-column:1 / -1}
.kh-r11-passkeys .kh-r2-panel{padding:15px!important}
}
@media(max-width:360px){.kh-r11 .kh-r11-form{grid-template-columns:1fr!important}.kh-r11-stats{gap:6px}.kh-r11-stat{padding:7px}}