/*
 * EXECUTIVE ADVISORY V16.3 — TYPOGRAPHY AND BRAND HEADING UNIFICATION ONLY
 * Previous V16.2 layout, copy, forms and interactions are not changed.
 * Palette: executive navy #0B2533, ink #182D37, ivory #F8F6F0,
 * deep teal #08635F, gold #CDA969, light gold #F3D5A1, white #FFFDF8.
 * EN Libre Caslon Text; AR Alexandria. A11y: avoid reducing body and form text.
 */
:root{
  --v163-title-navy:#0B2533;
  --v163-title-ink:#182D37;
  --v163-title-teal:#08635F;
  --v163-title-gold:#CDA969;
  --v163-title-gold-light:#F3D5A1;
  --v163-title-ivory:#FFFDF8;
}
/* Corporate two-tone heading treatment, shared between English and Arabic. */
:where(.hero h1,.sectionhead h2,.sr-opening h3,.feature-main h3){text-wrap:balance}
.sectionhead h2{color:var(--v163-title-navy)!important;letter-spacing:0!important}
.sectionhead h2 .title-accent{color:var(--v163-title-teal)!important;-webkit-text-fill-color:var(--v163-title-teal)!important;background:none!important}
.section.darksec:not(#contact) .sectionhead h2{color:var(--v163-title-ivory)!important}
.section.darksec:not(#contact) .sectionhead h2 .title-accent{color:var(--v163-title-gold-light)!important;-webkit-text-fill-color:var(--v163-title-gold-light)!important;background:none!important}
#contact.section.darksec .sectionhead h2{color:var(--v163-title-navy)!important}
#contact.section.darksec .sectionhead h2 .title-accent{color:var(--v163-title-teal)!important;-webkit-text-fill-color:var(--v163-title-teal)!important;background:none!important}
.hero h1{color:var(--v163-title-ivory)!important}
.hero h1 .title-accent{color:var(--v163-title-gold-light)!important;background:none!important;-webkit-text-fill-color:var(--v163-title-gold-light)!important}
/* English oversized titles: 30% reduction from the measured V16.2 desktop sizes.
   Hero 64.08 -> 44.86 at 1440px, section 49 -> 34.3, service 35 -> 24.5,
   RFP opening 30 -> 21, journey title 31 -> 21.7. The mobile floor
   protects readability rather than shrinking already-small controls. */
html[lang="en"] .hero h1{
  font-size:clamp(28px,3.115vw,46.2px)!important;
  line-height:1.24!important;
  letter-spacing:-.014em!important;
}
html[lang="en"] .sectionhead h2{
  font-size:clamp(25px,2.415vw,34.3px)!important;
  line-height:1.35!important;
  max-width:29ch;
}
html[lang="en"] #expertise .feature-main h3{
  font-size:clamp(21px,1.75vw,24.5px)!important;
  line-height:1.42!important;
}
html[lang="en"] #contact .sr-opening h3{
  font-size:clamp(20px,1.55vw,21px)!important;
  line-height:1.55!important;
}
html[lang="en"] #journey .chapterBody h3{
  font-size:clamp(21px,1.55vw,21.7px)!important;
  line-height:1.44!important;
}
html[lang="en"] #dashboard .dashboarddetail h3{
  font-size:clamp(22px,1.6vw,22.4px)!important;
  line-height:1.45!important;
}
/* Arabic sizes retain the user-approved V16.2 reductions. Both use
   the same heading levels, contrasts and accent palette. */
html[lang="ar"] .hero h1{color:var(--v163-title-ivory)!important}
html[lang="ar"] .sectionhead h2{color:var(--v163-title-navy)!important}
html[lang="ar"] .section.darksec:not(#contact) .sectionhead h2{color:var(--v163-title-ivory)!important}
/* English legal and privacy text must use the approved English family.
   Header scale follows same editorial hierarchy across both legal pages. */
html[lang="en"] body.ce-privacy,
html[lang="en"] body.ce-terms,
html[lang="en"] body.ce-privacy *,
html[lang="en"] body.ce-terms *{
  font-family:"Libre Caslon Text",Georgia,serif!important;
}
html[lang="ar"] body.ce-privacy,
html[lang="ar"] body.ce-terms,
html[lang="ar"] body.ce-privacy *,
html[lang="ar"] body.ce-terms *{
  font-family:"Alexandria",Tahoma,sans-serif!important;
}
/* Legal page display titles: EN prior 43px -> 30.1px (-30%); AR remains 30.1px. */
html[lang="en"] :is(.ce-privacy,.ce-terms) .lang-wrap:not([hidden]) h1,
html[lang="ar"] :is(.ce-privacy,.ce-terms) .lang-wrap:not([hidden]) h1{
  font-size:clamp(25px,2.8vw,30.1px)!important;
  line-height:1.45!important;
  color:var(--v163-title-ivory)!important;
  letter-spacing:0!important;
}
html[lang="ar"] :is(.ce-privacy,.ce-terms) .lang-wrap:not([hidden]) h1{line-height:1.65!important}
:is(.ce-privacy,.ce-terms) .lang-wrap h1 .executive-title-accent{
  color:var(--v163-title-gold-light)!important;
  -webkit-text-fill-color:var(--v163-title-gold-light)!important;
}
/* Legal section headings already 22px desktop and 17px mobile.
   Keep size; palette-brand the section number and heading text. */
:is(.ce-privacy,.ce-terms) .policy-section h2{color:var(--v163-title-navy)!important}
:is(.ce-privacy,.ce-terms) .policy-section h2 .number{color:var(--v163-title-teal)!important}
/* Confirmation page retains existing dynamic messaging and language logic. */
html[lang="en"] body.ce-thanks,
html[lang="en"] body.ce-thanks *{font-family:"Libre Caslon Text",Georgia,serif!important}
html[lang="ar"] body.ce-thanks,
html[lang="ar"] body.ce-thanks *{font-family:"Alexandria",Tahoma,sans-serif!important}
html[lang="en"] body.ce-thanks #title{font-size:clamp(28px,2.44vw,35px)!important;line-height:1.42!important}
html[lang="ar"] body.ce-thanks #title{font-size:clamp(28px,2.45vw,35px)!important;line-height:1.65!important}
body.ce-thanks #title{color:var(--v163-title-ivory)!important}
/* Two-color thank-you title without modifying the original dynamic JS. */
body.ce-thanks #title::first-letter{color:var(--v163-title-gold-light)!important}
body.ce-thanks #aside-title{color:var(--v163-title-ivory)!important}
body.ce-thanks #aside-eyebrow{color:var(--v163-title-gold-light)!important}
@media(max-width:600px){
  html[lang="en"] .hero h1{font-size:clamp(28px,7.4vw,31px)!important;line-height:1.3!important}
  html[lang="en"] .sectionhead h2{font-size:clamp(25px,6.4vw,27px)!important;line-height:1.43!important}
  html[lang="en"] #expertise .feature-main h3{font-size:21px!important}
  html[lang="en"] #journey .chapterBody h3{font-size:21px!important}
  html[lang="en"] #contact .sr-opening h3{font-size:20px!important}
}