/* /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/home-v11-32-1-desktop.css */
/* Khalwati V11.32.1 - desktop-only homepage theme. Phone <=720px untouched. */
@media (min-width:721px){
  :root{--v11321-desktop-width:1120px}
  .v9-container{width:min(calc(100% - 48px),var(--v11321-desktop-width))}
  .v9-hero{padding:22px 0 10px}
  .v9-hero-shell{grid-template-columns:minmax(0,1.22fr) minmax(210px,.78fr);gap:28px;min-height:0;padding:30px 38px;border-radius:26px}
  .v9-hero-copy{max-width:640px}
  .v9-kicker{margin-bottom:4px;font-size:13px}
  .v9-hero h1{max-width:10em;font-size:clamp(38px,3.2vw,52px);line-height:1.12;letter-spacing:-.02em}
  .v9-hero h2{margin-top:7px;font-size:clamp(23px,2vw,32px)}
  .v9-lead{max-width:31em;margin-top:10px;font-size:16px;line-height:1.72}
  .v9-hero-tags{gap:6px;margin-top:12px}
  .v9-hero-tags li{padding:6px 11px;font-size:12px}
  .v9-logo-card{min-height:215px}
  .v9-logo-card img{width:min(100%,215px)}
  .v9-section{padding:16px 0 12px}
  .v9-section-head{margin-bottom:14px}
  .v9-section-head h2{font-size:clamp(32px,2.6vw,42px)}
  .v9-sheikh-grid{gap:10px}
  .v9-sheikh-card{padding:6px 6px 8px;border-radius:16px;box-shadow:0 8px 18px rgba(12,53,47,.05)}
  .v9-sheikh-card img{border-radius:12px}
  .v9-sheikh-card h3{margin:6px 2px 0;font-size:13px;line-height:1.32}
  .v9-entry-panel{width:min(100%,830px);margin:16px auto 0;padding:18px 22px 16px;border-radius:22px}
  .v9-entry-quote{font-size:clamp(24px,1.9vw,30px);line-height:1.5}
  .v9-entry-sub{margin:6px 0 0;font-size:13px}
  .v9-entry-btn{width:min(100%,590px);min-height:50px;margin-top:10px;padding:10px 16px;border-radius:15px;font-size:19px}
  .v9-footer-inner{min-height:54px;padding-block:9px;font-size:12px}
  .v9-footer-links a{padding:5px 9px;font-size:11px}
}
@media (min-width:1180px){
  .v9-sheikh-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
}
@media (min-width:721px) and (max-width:1179px){
  .v9-sheikh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v9-hero-shell{grid-template-columns:minmax(0,1fr) 205px;padding:26px 28px}
  .v9-logo-card{min-height:195px}
  .v9-logo-card img{width:190px}
}

/* /khalwati-public-assets/entry-r6.css */
/* On short desktop pages the footer belongs at the viewport bottom. */
@media(min-width:721px){
  body{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
  #v9-main{flex:1 0 auto}
  .v9-footer{flex:none}
  .v9-footer-inner{min-height:42px;padding-block:5px}
  .v9-footer-links{gap:6px}
  .v9-footer-links a{padding:4px 8px}
}

