/* Khalwati selectable Arabic typography - Noto Naskh Arabic is the default */
:root{
  --site-font:"Noto Naskh Arabic","Amiri","Traditional Arabic",serif;
}
html[data-font="noto"]{--site-font:"Noto Naskh Arabic","Amiri",serif}
html[data-font="amiri"]{--site-font:"Amiri","Noto Naskh Arabic",serif}
html[data-font="scheherazade"]{--site-font:"Scheherazade New","Noto Naskh Arabic",serif}
html[data-font="lateef"]{--site-font:"Lateef","Noto Naskh Arabic",serif}
html[data-font="cairo"]{--site-font:"Cairo","Noto Naskh Arabic",sans-serif}
html[data-font="aref"]{--site-font:"Aref Ruqaa","Noto Naskh Arabic",serif}
body,button,input,select,textarea,
.brand small,.book-category,.fact span,footer,.breadcrumbs,.seo-note,
.loading-card small,.tool-button,.page-control,.page-control input,.zoom-value,.error-box,.book-info-link{
  font-family:var(--site-font)!important;
}
html body{font-weight:500}
html[data-font="noto"] body{font-weight:500}
html[data-font="amiri"] body,html[data-font="scheherazade"] body,html[data-font="lateef"] body{font-weight:400}
html[data-font="cairo"] body{font-weight:400}
html[data-font="aref"] body{font-weight:700}
.font-picker{
  position:fixed;z-index:120;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));
  display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,216,102,.44);
  border-radius:16px;background:rgba(2,19,10,.95);box-shadow:0 14px 34px rgba(0,0,0,.38);backdrop-filter:blur(14px);
  color:#fff1b2;font-size:.92rem;line-height:1.25
}
.font-picker--reader{bottom:calc(86px + env(safe-area-inset-bottom))}
.font-picker label{white-space:nowrap;color:#ffd866;font-weight:700}
.font-picker select{
  max-width:190px;min-height:38px;padding:5px 10px;border:1px solid rgba(255,216,102,.34);border-radius:11px;
  outline:none;color:#fff7d3;background:#082617;font-size:.9rem;font-weight:700
}
.font-picker select:focus-visible{border-color:#ffd866;box-shadow:0 0 0 3px rgba(255,216,102,.12)}
@media(max-width:560px){
  .font-picker{left:8px;bottom:8px;padding:7px 8px;border-radius:12px;gap:6px;font-size:.78rem}
  .font-picker--reader{bottom:calc(72px + env(safe-area-inset-bottom))}
  .font-picker select{max-width:144px;min-height:32px;font-size:.76rem;padding-inline:6px}
}