/* Validated presets only: no arbitrary remote CSS or external font requests. */
html[data-site-font="system"] body,html[data-site-font="system"] body :not(svg):not(svg *){font-family:Tahoma,Arial,sans-serif!important}
html[data-site-font="naskh"] body,html[data-site-font="naskh"] body :not(svg):not(svg *){font-family:'Noto Naskh Arabic','Geeza Pro','Traditional Arabic',serif!important}
html[data-site-font="tajawal"] body,html[data-site-font="tajawal"] button,html[data-site-font="tajawal"] input,html[data-site-font="tajawal"] select{font-family:Jammatna,Tajawal,Tahoma,sans-serif}
html[data-site-font] .question-card.religion h2,html[data-site-font] .question-card.religion h2 *{font-family:MajlisQuran,Tahoma,serif!important}

/* Custom typography gives text room instead of squeezing it into fixed image cards. */
html[data-typography-scaled] body.home-view .home-category-grid .home-category{height:auto;min-height:180px}
html[data-typography-scaled] body.home-view .home-category-grid .home-category small{display:block;overflow:visible;-webkit-line-clamp:unset}
@media(max-width:650px){html[data-typography-scaled] body.home-view .home-category-grid .home-category{display:flex;flex-direction:column;align-items:center;min-height:200px;height:auto;gap:8px}html[data-typography-scaled] body.home-view .home-category-body{flex:0 0 auto}html[data-typography-scaled] .soft-card-art{position:relative;inset:auto;transform:none;order:1;flex-shrink:0;margin:4px auto 0}}
html[data-typography-scaled] body.home-view .home-category-grid>.tile-wrap{display:flex}