/* ============================================================================
   BURJAK INSTITUTE — BI-WEB-P1
   Founder Profile — Controlled Source PB1.3 (NON-DEPLOYED)
   Conforms to frozen baseline V1.3E (Concept A — Editorial Ledger).
   Self-hosted Founder-supplied Noto faces. No external/CDN dependency. No JS.
   ============================================================================ */

/* ---- Self-hosted fonts (local assets only) ---- */
@font-face{font-family:"Noto Naskh Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/noto-naskh-arabic-400.woff2") format("woff2");}
@font-face{font-family:"Noto Naskh Arabic";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/noto-naskh-arabic-500.woff2") format("woff2");}
@font-face{font-family:"Noto Naskh Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/noto-naskh-arabic-700.woff2") format("woff2");}
@font-face{font-family:"Noto Serif";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/noto-serif-400.woff2") format("woff2");}
@font-face{font-family:"Noto Serif";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/noto-serif-600.woff2") format("woff2");}
@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/noto-sans-arabic-400.woff2") format("woff2");}
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/noto-sans-400.woff2") format("woff2");}
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/noto-sans-600.woff2") format("woff2");}

:root{
  --ink:#1B1B1B; --paper:#FEFDFB; --n1:#6f6f69; --hair:rgba(27,27,27,.15);
  --anchor:#1F3A5F; --deep:#16293F; --whisper:#E9EEF4;
  --read-ar:"Noto Naskh Arabic",serif;
  --read-lat:"Noto Serif",Georgia,"Times New Roman",serif;
  --app-ar:"Noto Sans Arabic","Tahoma",sans-serif;
  --app-lat:"Noto Sans",system-ui,Arial,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}

/* ---- Institutional header (brand, not the page H1) ---- */
.site-head{text-align:center;padding:38px 20px 22px;border-bottom:1px solid var(--hair)}
.wordmark{margin:0;font-family:var(--read-lat);font-weight:400;letter-spacing:.36em;text-transform:uppercase;font-size:15px;line-height:1.2;color:var(--ink)}
.slogan{margin:8px 0 0}
.slogan-ar{font-family:var(--read-ar);font-size:15px;color:var(--anchor)}
.slogan-en{font-family:var(--read-lat);font-weight:400;font-size:12px;line-height:1.4;letter-spacing:0;color:var(--anchor);margin-top:7px}

/* ---- Main / measures ---- */
main{display:block}
.wrap{padding:34px 44px 56px}
.lede{margin:0 auto}
.body-col{margin:0 auto}

/* identity block */
.identity{margin:26px 0 4px}
.founder-name{margin:0;color:var(--ink)}
.founder-lat{margin:3px 0 0;font-family:var(--read-lat);color:#46463f;font-weight:400}
.descriptor{margin:8px 0 0;color:var(--n1)}

/* reading system */
.lead{margin:16px 0 6px;color:var(--ink)}
.body-col p{color:#232320}
h2{color:var(--ink)}
hr.rule{border:0;border-top:1px solid var(--hair);margin:28px 0 0}

/* publication titles — restrained semibold, no italic */
cite.pub{font-style:normal;font-weight:600}

/* Latin runs isolated inside Arabic */
.lat{font-family:var(--read-lat)}
.mono-lat{font-family:var(--app-lat)}

/* convergence = editorial pause: unheaded, same measure, spacing only */
.hinge{margin:34px auto 32px}
.hinge p{margin:0}

/* =====================================================================
   ARABIC (lang=ar / dir=rtl)
   ===================================================================== */
[lang="ar"] .lede{max-width:760px}
[lang="ar"] .body-col{max-width:720px}
[lang="ar"] .identity{text-align:right}
[lang="ar"] .founder-name{font-family:var(--read-ar);font-weight:500;font-size:30px;line-height:1.45}
[lang="ar"] .founder-lat{font-size:15px}
[lang="ar"] .descriptor{font-family:var(--app-ar);font-size:13.5px;text-align:right}
[lang="ar"] .lead{font-family:var(--read-ar);font-size:21px;line-height:1.9;text-align:justify;text-align-last:right}
[lang="ar"] .body-col p{font-family:var(--read-ar);font-size:19px;line-height:1.95;margin:0 0 14px;text-align:justify;text-align-last:right}
[lang="ar"] h2{font-family:var(--read-ar);font-weight:700;font-size:22px;margin:24px 0 10px;text-align:right}
[lang="ar"] .hinge{max-width:720px}
[lang="ar"] .hinge p{font-family:var(--read-ar);font-size:19px;line-height:1.98;color:#20303f;text-align:justify;text-align-last:right}

/* =====================================================================
   ENGLISH (lang=en / dir=ltr)
   ===================================================================== */
[lang="en"] .lede{max-width:720px}
[lang="en"] .body-col{max-width:680px}
[lang="en"] .founder-name{font-family:var(--read-lat);font-weight:400;font-size:29px;line-height:1.4}
[lang="en"] .descriptor{font-family:var(--app-lat);font-size:13px}
[lang="en"] .lead{font-family:var(--read-lat);font-size:20px;line-height:1.72;text-align:justify;text-align-last:left}
[lang="en"] .body-col p{font-family:var(--read-lat);font-size:17.5px;line-height:1.78;margin:0 0 15px;text-align:justify;text-align-last:left}
[lang="en"] h2{font-family:var(--read-lat);font-weight:600;font-size:21px;margin:24px 0 10px}
[lang="en"] .hinge{max-width:680px}
[lang="en"] .hinge p{font-family:var(--read-lat);font-size:17.5px;line-height:1.82;color:#20303f;text-align:justify;text-align-last:left}

/* =====================================================================
   MOBILE (frozen V1.3B/V1.3E behaviour) — <= 640px
   ===================================================================== */
@media (max-width:640px){
  .wrap{padding:22px 15px 40px}
  .site-head{padding:26px 16px 16px}

  /* English mobile: left / ragged-right, no justification, no hyphenation */
  [lang="en"] .wordmark{font-size:13.5px;letter-spacing:.3em}
  [lang="en"] .slogan-en{font-size:10.5px;line-height:1.38;margin-top:5px}
  [lang="en"] .founder-name{font-size:23px;line-height:1.32}
  [lang="en"] .descriptor{font-size:12px;line-height:1.5}
  [lang="en"] .lead{font-size:16.5px;line-height:1.6;text-align:left;text-align-last:left;-webkit-hyphens:none;hyphens:none}
  [lang="en"] .body-col p{font-size:15.5px;line-height:1.68;text-align:left;text-align-last:left;-webkit-hyphens:none;hyphens:none}
  [lang="en"] h2{font-size:18px;line-height:1.3}
  [lang="en"] .hinge{margin:24px auto}
  [lang="en"] .hinge p{font-size:15.5px;line-height:1.72;text-align:left;text-align-last:left;-webkit-hyphens:none;hyphens:none}

  /* Arabic mobile: justified retained (Founder-accepted) */
  [lang="ar"] .wordmark{font-size:13px;letter-spacing:.3em}
  [lang="ar"] .slogan-ar{font-size:14px}
  [lang="ar"] .founder-name{font-size:25px}
  [lang="ar"] .founder-lat{font-size:14px}
  [lang="ar"] .descriptor{font-size:12.5px}
  [lang="ar"] .lead{font-size:18px;line-height:1.85}
  [lang="ar"] .body-col p{font-size:17px;line-height:1.92}
  [lang="ar"] h2{font-size:19px}
  [lang="ar"] .hinge{margin:24px auto}
  [lang="ar"] .hinge p{font-size:17px;line-height:2.0}
}

@media print{ body{background:#fff} .site-head{border-color:#ccc} }