/* ============================================================================
   BURJAK INSTITUTE — BI-WEB-P1 — CP-2.0 ARTICLE PAGE TEMPLATE
   Editorial, restrained, long-form-readable. Reuses --cp-* tokens (pages.css).
   Controlled palette only (Ink/Paper/Anchor/Deep/Whisper + neutrals). No accent.
   Covers: Perspectives index cards, Selected Article pages, Brief Insight pages.
   ============================================================================ */

/* ---- Perspectives index: two families + cards ---- */
.cp-fam{border-top:1px solid var(--cp-hair);margin-top:30px;padding-top:10px}
.cp-fam:first-of-type{border-top:0;margin-top:8px}
.cp-fam>h2{margin:0 0 6px;color:var(--cp-ink)}
html[lang="en"] .cp-fam>h2{font-family:var(--cp-serif);font-weight:600;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--cp-deep)}
html[lang="ar"] .cp-fam>h2{font-family:var(--cp-naskh);font-weight:700;font-size:19px;text-align:right}
.cp-cards{list-style:none;margin:0;padding:0}
.cp-card{border-top:1px solid var(--cp-hair);padding:16px 0;display:block}
.cp-card:first-child{border-top:0}
.cp-card a{text-decoration:none;display:block}
.cp-card a:link{color:var(--cp-ink)}
.cp-card a:visited{color:var(--cp-muted)}
.cp-card-title{display:block;color:inherit}
.cp-card a:hover .cp-card-title{color:var(--cp-anchor);box-shadow:inset 0 -1px 0 0 var(--cp-anchor)}
html[lang="en"] .cp-card-title{font-family:var(--cp-serif);font-weight:600;font-size:19px;line-height:1.4}
html[lang="ar"] .cp-card-title{font-family:var(--cp-naskh);font-weight:700;font-size:20px;line-height:1.7;text-align:right}
.cp-card-desc{display:block;margin-top:5px;color:var(--cp-muted)}
html[lang="en"] .cp-card-desc{font-family:var(--cp-serif);font-size:15px;line-height:1.6}
html[lang="ar"] .cp-card-desc{font-family:var(--cp-naskh);font-size:16.5px;line-height:1.85;text-align:right}
.cp-fam-note{margin:14px 0 0;color:var(--cp-muted)}
html[lang="en"] .cp-fam-note{font-family:var(--cp-serif);font-size:14.5px;line-height:1.6}
html[lang="ar"] .cp-fam-note{font-family:var(--cp-naskh);font-size:16px;line-height:1.85;text-align:right}
.cp-fam-note a,.cp-card-desc a{color:var(--cp-anchor)}

/* ---- Article page ---- */
.cp-article{max-width:680px}
.cp-art-fam{margin:0 0 18px;color:var(--cp-deep);font-family:var(--cp-serif);
  font-size:12px;letter-spacing:.14em;text-transform:uppercase}
html[lang="ar"] .cp-art-fam{font-family:var(--cp-naskh);letter-spacing:0;font-size:14px;text-align:right}
.cp-art-kicker{margin:0 0 6px;color:var(--cp-muted)}
html[lang="ar"] .cp-art-kicker{font-family:var(--cp-naskh);font-size:16px;text-align:right}
.cp-art-title{margin:0 0 10px;color:var(--cp-ink)}
html[lang="en"] .cp-art-title{font-family:var(--cp-serif);font-weight:600;font-size:30px;line-height:1.22;letter-spacing:-.01em}
html[lang="ar"] .cp-art-title{font-family:var(--cp-naskh);font-weight:700;font-size:29px;line-height:1.5;text-align:right}
.cp-art-deck{margin:0 0 14px;color:var(--cp-body)}
html[lang="en"] .cp-art-deck{font-family:var(--cp-serif);font-style:italic;font-size:18px;line-height:1.5}
html[lang="ar"] .cp-art-deck{font-family:var(--cp-naskh);font-size:19px;line-height:1.8;text-align:right}
.cp-art-meta{margin:0 0 16px;color:var(--cp-muted)}
html[lang="en"] .cp-art-meta{font-family:var(--cp-serif);font-size:14px}
html[lang="ar"] .cp-art-meta{font-family:var(--cp-naskh);font-size:15px;text-align:right}
.cp-art-ext{color:var(--cp-muted)}
.cp-art-actions{margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--cp-hair)}
.cp-art-pdf{display:inline-block;font-family:var(--cp-serif);font-size:13px;letter-spacing:.02em;
  color:var(--cp-anchor);text-decoration:none;border:1px solid var(--cp-anchor);border-radius:2px;padding:8px 14px}
html[lang="ar"] .cp-art-pdf{font-family:var(--cp-naskh)}
.cp-art-pdf:hover{background:var(--cp-whisper)}
.cp-art-body{color:var(--cp-body)}
html[lang="en"] .cp-art-body p{font-family:var(--cp-serif);font-size:17.5px;line-height:1.75;margin:0 0 18px;text-align:justify;text-align-last:left}
html[lang="ar"] .cp-art-body p{font-family:var(--cp-naskh);font-size:19px;line-height:1.95;margin:0 0 18px;text-align:justify;text-align-last:right}
.cp-art-body em{font-style:italic}
html[lang="en"] .cp-art-body h2{font-family:var(--cp-serif);font-weight:600;font-size:20px;line-height:1.3;margin:30px 0 12px;color:var(--cp-ink)}
html[lang="ar"] .cp-art-body h2{font-family:var(--cp-naskh);font-weight:700;font-size:22px;line-height:1.5;margin:32px 0 12px;color:var(--cp-ink);text-align:right}
.cp-art-body ul{margin:0 0 18px;padding-inline-start:22px}
html[lang="en"] .cp-art-body li{font-family:var(--cp-serif);font-size:16px;line-height:1.7;margin:0 0 8px}
html[lang="ar"] .cp-art-body li{font-family:var(--cp-naskh);font-size:17.5px;line-height:1.9;margin:0 0 8px;text-align:right}
.cp-art-rights{margin:26px 0 0;padding-top:16px;border-top:1px solid var(--cp-hair);color:var(--cp-muted)}
html[lang="en"] .cp-art-rights{font-family:var(--cp-serif);font-size:13px}
html[lang="ar"] .cp-art-rights{font-family:var(--cp-naskh);font-size:14px;text-align:right}
.cp-art-back{display:inline-block;margin:18px 0 0;color:var(--cp-anchor);text-decoration:none}
html[lang="en"] .cp-art-back{font-family:var(--cp-serif);font-size:14px}
html[lang="ar"] .cp-art-back{font-family:var(--cp-naskh);font-size:15px}
.cp-art-back:hover{text-decoration:underline}

/* ---- Brief Insight page ---- */
.cp-insight{max-width:640px}
.cp-ins-title{margin:6px 0 16px;color:var(--cp-ink)}
html[lang="en"] .cp-ins-title{font-family:var(--cp-serif);font-weight:600;font-size:26px;line-height:1.28}
.cp-ins-body{color:var(--cp-body)}
html[lang="en"] .cp-ins-body p{font-family:var(--cp-serif);font-size:18px;line-height:1.75;margin:0 0 16px}
.cp-ins-body strong{font-weight:600;color:var(--cp-ink)}
.cp-ins-context{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--cp-hair);color:var(--cp-muted)}
html[lang="en"] .cp-ins-context{font-family:var(--cp-serif);font-size:15px;line-height:1.65}