/* /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/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;}
}