/* ============================================================================
   BURJAK INSTITUTE — CP-1.1 — new content-page styles (Areas of Expertise,
   Perspectives, Professional Enquiries). `.cp-` namespace.
   CONTROLLED PALETTE ONLY — Ink/Paper/Anchor/Deep/Whisper + neutral derivations
   already present in the frozen page CSS (#6f6f69, #3a3a36, #232320, hair).
   No new accent colour. Prototype/placeholder states are made unmistakable
   through typography, dashed borders, spacing and label construction — not
   through an unapproved colour.
   ============================================================================ */
:root{
  --cp-ink:#1B1B1B; --cp-paper:#FEFDFB; --cp-muted:#6f6f69; --cp-hair:rgba(27,27,27,.15);
  --cp-anchor:#1F3A5F; --cp-deep:#16293F; --cp-whisper:#E9EEF4; --cp-body:#232320; --cp-foot:#3a3a36;
  --cp-serif:"Noto Serif",Georgia,"Times New Roman",serif;
  --cp-naskh:"Noto Naskh Arabic",serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cp-paper);color:var(--cp-ink)}

.cp-main{max-width:760px;margin:0 auto;padding:34px 40px 56px}
html[lang="ar"] .cp-main{direction:rtl}

.cp-lead{margin:0 0 6px;color:var(--cp-body)}
html[lang="ar"] .cp-lead{font-family:var(--cp-naskh);font-size:20px;line-height:1.9;text-align:justify;text-align-last:right}
html[lang="en"] .cp-lead{font-family:var(--cp-serif);font-size:18px;line-height:1.72;text-align:justify;text-align-last:left}

.cp-item{border-top:1px solid var(--cp-hair);padding-top:24px;margin-top:24px}
.cp-item:first-of-type{border-top:0;margin-top:14px;padding-top:6px}
.cp-item h2{margin:0 0 10px;color:var(--cp-ink)}
html[lang="ar"] .cp-item h2{font-family:var(--cp-naskh);font-weight:700;font-size:21px;text-align:right}
html[lang="en"] .cp-item h2{font-family:var(--cp-serif);font-weight:600;font-size:20px}
.cp-item p{margin:0;color:var(--cp-body)}
html[lang="ar"] .cp-item p{font-family:var(--cp-naskh);font-size:19px;line-height:1.92;text-align:justify;text-align-last:right}
html[lang="en"] .cp-item p{font-family:var(--cp-serif);font-size:17px;line-height:1.74;text-align:justify;text-align-last:left}
.cp-lat{font-family:var(--cp-serif)}

/* Perspectives index */
.cp-persp-intro{margin:0 0 8px}
html[lang="ar"] .cp-persp-intro{font-family:var(--cp-naskh);font-size:19px;line-height:1.9;text-align:justify;text-align-last:right}
html[lang="en"] .cp-persp-intro{font-family:var(--cp-serif);font-size:17.5px;line-height:1.72}
.cp-index{list-style:none;margin:22px 0 0;padding:0}
.cp-index-item{border-top:1px solid var(--cp-hair);padding:18px 0}
/* Prototype badge — controlled tokens only: Whisper field, Anchor dashed border, Deep uppercase label */
.cp-proto{display:inline-block;font-family:var(--cp-serif);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cp-deep);background:var(--cp-whisper);
  border:1px dashed var(--cp-anchor);border-radius:2px;padding:4px 9px;margin:0 0 8px}
html[lang="ar"] .cp-proto{font-family:var(--cp-naskh);letter-spacing:0}
.cp-index-item .cp-title{margin:0;color:var(--cp-ink)}
html[lang="ar"] .cp-index-item .cp-title{font-family:var(--cp-naskh);font-weight:700;font-size:18px}
html[lang="en"] .cp-index-item .cp-title{font-family:var(--cp-serif);font-weight:600;font-size:18px}
.cp-index-item .cp-meta{margin:6px 0 0;color:var(--cp-muted);font-size:13px}
html[lang="ar"] .cp-index-item .cp-meta{font-family:var(--cp-naskh);font-size:13.5px}
html[lang="en"] .cp-index-item .cp-meta{font-family:var(--cp-serif)}
.cp-avail{margin:18px 0 0;color:var(--cp-muted);font-size:13px;border-inline-start:2px solid var(--cp-whisper);padding-inline-start:12px}
html[lang="ar"] .cp-avail{font-family:var(--cp-naskh);font-size:13.5px;line-height:1.8}
html[lang="en"] .cp-avail{font-family:var(--cp-serif);line-height:1.6}

/* Enquiries */
.cp-enq p{margin:0 0 14px;color:var(--cp-body)}
html[lang="ar"] .cp-enq p{font-family:var(--cp-naskh);font-size:19px;line-height:1.95;text-align:right}
html[lang="en"] .cp-enq p{font-family:var(--cp-serif);font-size:18px;line-height:1.74}
/* CP-2.1 (D-05): email locatable but restrained — not a marketing button */
.cp-enq-email{margin:2px 0 18px}
.cp-enq-email a{color:var(--cp-anchor);text-decoration:none;border-bottom:1px solid var(--cp-anchor)}
.cp-enq-email a:hover{color:var(--cp-deep)}
html[lang="en"] .cp-enq-email{font-family:var(--cp-serif);font-size:19px;letter-spacing:.01em}
html[lang="ar"] .cp-enq-email{font-family:var(--cp-serif);font-size:19px}
.cp-enq-note{color:var(--cp-muted)}
/* Review-only placeholder — controlled tokens only: Whisper field, Anchor dashed border, Deep label */
.cp-placeholder{display:block;margin:10px 0 0;font-family:var(--cp-serif);font-size:12.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--cp-deep);background:var(--cp-whisper);
  border:1px dashed var(--cp-anchor);border-radius:2px;padding:11px 14px}
html[lang="ar"] .cp-placeholder{font-family:var(--cp-naskh);letter-spacing:0;text-align:right}

@media (max-width:1024px){.cp-main{padding:30px 32px 48px}}
@media (max-width:640px){
  .cp-main{padding:24px 16px 40px;max-width:none}
  html[lang="ar"] .cp-lead{font-size:17.5px;line-height:1.9}
  html[lang="en"] .cp-lead{font-size:16.5px;line-height:1.65;text-align:left;text-align-last:left;hyphens:none;-webkit-hyphens:none}
  html[lang="ar"] .cp-item p{font-size:17px}
  html[lang="en"] .cp-item p{font-size:15.5px;text-align:left;text-align-last:left;hyphens:none;-webkit-hyphens:none}
  html[lang="ar"] .cp-item h2{font-size:19px}
  html[lang="en"] .cp-item h2{font-size:18px}
  html[lang="en"] .cp-enq p{font-size:16.5px}
  html[lang="ar"] .cp-enq p{font-size:17px}
}
@media print{body{background:#fff}}