/* Typography — Arabic-first, safe shaping */
:root{
  --font-ar-head: "Noto Kufi Arabic","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-ar-body: "Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-en: "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}

body{
  font-family: var(--font-ar-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4{
  font-family: var(--font-ar-head);
  line-height: 1.25;
  word-spacing: .04em;
  margin: 0 0 .6em 0;
}

h1{ font-weight: 800; font-size: 1.9rem; }
h2{ font-weight: 800; font-size: 1.45rem; }
h3{ font-weight: 700; font-size: 1.15rem; }

p{ margin: 0 0 1em 0; color: var(--slate); font-size: 1rem; line-height: 1.75; }
.small, small{ color: var(--muted); font-size: .92rem; }

html[lang="en"] body{ font-family: var(--font-en); }
html[lang="en"] h1, html[lang="en"] h2, html[lang="en"] h3, html[lang="en"] h4{
  font-family: var(--font-en);
  word-spacing: normal;
}

/* Safety: avoid text-in-image issues */
.figure figcaption,
.image-caption,
.overlay-text {
  display: none !important;
}

/* Mobile header compact fix */
@media (max-width: 768px) {
  header, .site-header {
    padding: 6px 0 !important;
  }
  .header-inner {
    min-height: auto !important;
  }
}