/* QARAR Enterprise v26.3.47 — Project editorial typography + justified copy
   Scoped to project single content and the project editor only. */

/* Front end — rich project content */
.single-qarar_project .project-rich-content{
  font-size:17px;
  line-height:2.05;
  color:#4e5864;
  text-align:justify;
  text-justify:inter-word;
}
.single-qarar_project .project-rich-content > *:first-child{margin-top:0}
.single-qarar_project .project-rich-content p{
  margin:0 0 1.35em;
  line-height:2.05;
  text-align:justify;
  text-justify:inter-word;
}
.single-qarar_project .project-rich-content h2,
.single-qarar_project .project-rich-content h3,
.single-qarar_project .project-rich-content h4{
  font-family:'Tajawal',Arial,sans-serif;
  color:#202733;
  line-height:1.45;
  font-weight:800;
  text-align:right;
  clear:both;
}
.single-qarar_project .project-rich-content h2{
  font-size:30px;
  margin:42px 0 18px;
  padding:0 16px 10px 0;
  border-right:4px solid #be1622;
  border-bottom:1px solid #e6e9ed;
}
.single-qarar_project .project-rich-content h3{
  font-size:24px;
  margin:34px 0 14px;
  padding-right:13px;
  border-right:3px solid #be1622;
}
.single-qarar_project .project-rich-content h4{
  font-size:20px;
  margin:28px 0 12px;
  color:#343c47;
}
.single-qarar_project .project-rich-content ul,
.single-qarar_project .project-rich-content ol{
  margin:0 0 1.5em;
  padding-right:1.4em;
  line-height:1.95;
}
.single-qarar_project .project-rich-content li{margin-bottom:.45em}
.single-qarar_project .project-rich-content blockquote{
  margin:28px 0;
  padding:18px 22px;
  border-right:4px solid #be1622;
  background:#f7f8f9;
  color:#3f4854;
}
.single-qarar_project .project-rich-content a{color:#be1622;text-decoration:underline;text-underline-offset:3px}
.single-qarar_project .project-rich-content strong{color:#252c35;font-weight:800}

/* Optional block style — also used by the editor. */
.single-qarar_project .project-rich-content .is-style-qarar-justify,
.single-qarar_project .project-rich-content .qarar-text-justify{
  text-align:justify!important;
  text-justify:inter-word;
}

/* Gutenberg editor parity for Projects only (stylesheet enqueued conditionally in admin). */
.editor-styles-wrapper .is-style-qarar-justify,
.editor-styles-wrapper .qarar-text-justify{
  text-align:justify!important;
  text-justify:inter-word;
}
.editor-styles-wrapper .wp-block-heading{
  font-family:'Tajawal',Arial,sans-serif;
  color:#202733;
  font-weight:800;
  line-height:1.45;
}
.editor-styles-wrapper h2.wp-block-heading{
  font-size:30px;
  padding:0 16px 10px 0;
  border-right:4px solid #be1622;
  border-bottom:1px solid #e6e9ed;
}
.editor-styles-wrapper h3.wp-block-heading{
  font-size:24px;
  padding-right:13px;
  border-right:3px solid #be1622;
}

@media(max-width:720px){
  .single-qarar_project .project-rich-content{font-size:16px;line-height:1.95}
  .single-qarar_project .project-rich-content p{line-height:1.95}
  .single-qarar_project .project-rich-content h2{font-size:26px;margin-top:34px}
  .single-qarar_project .project-rich-content h3{font-size:21px}
}

/* QARAR v26.3.70 — Clean project editorial layer. */
body.single-qarar_project .project-portal-facts.project-portal-facts--three{
  display:grid!important;
  grid-template-columns:1fr 280px!important;
  grid-template-areas:"target period"!important;
  width:100%!important;
  align-items:stretch!important;
  gap:0!important;
}
body.single-qarar_project .project-portal-facts.project-portal-facts--three>div{min-width:0!important}
body.single-qarar_project .project-portal-facts.project-portal-facts--three .project-fact-period{grid-area:period!important}
body.single-qarar_project .project-portal-facts.project-portal-facts--three .project-fact-target{
  grid-area:target!important;display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-width:0!important;padding:22px 34px!important
}
body.single-qarar_project .project-portal-facts.project-portal-facts--three .project-fact-target span{display:block!important;font-size:13px!important;color:#929ba7!important;margin-bottom:7px!important}
body.single-qarar_project .project-portal-facts.project-portal-facts--three .project-fact-target strong{display:block!important;color:#fff!important;white-space:normal!important;font-size:18px!important;line-height:1.9!important;font-weight:800!important}
body.single-qarar_project .project-portal-facts.project-portal-facts--three .project-fact-location{grid-column:1/-1!important}
body.single-qarar_project :is(#project-overview,#project-objectives,#project-impact,#project-components,#project-activities,#project-content,#project-team){scroll-margin-top:170px}

/* One visual hierarchy for project sections. */
body.single-qarar_project .project-portal-grid-unified .project-section-content>h2{
  color:#be1622!important;
  font-size:36px!important;
  line-height:1.35!important;
  margin:0 0 22px!important;
  font-weight:900!important;
}
body.single-qarar_project .project-portal-grid-unified .project-section-label{
  color:#be1622!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
body.single-qarar_project .project-portal-grid-unified .project-section-label:after{background:#be1622!important}
body.single-qarar_project .project-portal-grid-unified .kicker{display:none!important}

/* Project logo should remain a logo, never a stretched cover. */
body.single-qarar_project .project-identity-mark{min-height:210px!important;padding:24px!important;background:#fff!important}
body.single-qarar_project .project-identity-mark img{max-width:100%!important;max-height:150px!important;width:auto!important;height:auto!important;object-fit:contain!important}

@media(max-width:900px){
  body.single-qarar_project .project-portal-facts.project-portal-facts--three{grid-template-columns:1fr!important;grid-template-areas:"period" "target"!important}
  body.single-qarar_project .project-portal-facts.project-portal-facts--three .project-fact-location{grid-column:auto!important}
}
@media(max-width:620px){
  body.single-qarar_project .project-portal-grid-unified .project-section-content>h2{font-size:29px!important}
  body.single-qarar_project .project-portal-facts.project-portal-facts--three .project-fact-target strong{font-size:16px!important}
}

/* QARAR v26.3.71 — exact project-sketch hierarchy. */
body.single-qarar_project .project-portal-grid-unified .project-portal-section{
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:26px!important;
}
body.single-qarar_project .project-portal-grid-unified .project-section-label{
  width:58px!important;
  padding-top:8px!important;
  font-size:12px!important;
  line-height:1!important;
  text-align:center!important;
  color:#be1622!important;
  font-variant-numeric:tabular-nums;
}
body.single-qarar_project .project-portal-grid-unified .project-section-label:after{
  width:22px!important;
  height:2px!important;
  margin:9px auto 0!important;
  background:#be1622!important;
}
body.single-qarar_project .project-portal-grid-unified .project-section-content>h2{
  color:#be1622!important;
  font-size:34px!important;
  line-height:1.35!important;
  font-weight:900!important;
  margin:0 0 24px!important;
}
/* The sketch asks for one heading per section; legacy kickers stay suppressed. */
body.single-qarar_project .project-portal-grid-unified .project-section-content>.kicker{display:none!important}
/* Keep the project logo visually as a logo in the identity card. */
body.single-qarar_project .project-identity-mark{
  min-height:190px!important;
  padding:28px!important;
  background:#fff!important;
}
body.single-qarar_project .project-identity-mark img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:92%!important;
  max-height:125px!important;
  margin:auto!important;
  object-fit:contain!important;
}
@media(max-width:720px){
  body.single-qarar_project .project-portal-grid-unified .project-portal-section{grid-template-columns:1fr!important;gap:10px!important}
  body.single-qarar_project .project-portal-grid-unified .project-section-label{width:auto!important;text-align:right!important;display:flex!important;align-items:center!important;gap:8px!important}
  body.single-qarar_project .project-portal-grid-unified .project-section-label:after{margin:0!important}
  body.single-qarar_project .project-portal-grid-unified .project-section-content>h2{font-size:28px!important}
}

/* QARAR v26.3.77 — corrected hierarchy path: sections live inside .project-portal-main. */
body.single-qarar_project .project-portal-grid.project-portal-grid-unified .project-portal-main > .project-portal-section > .project-section-label,
body.single-qarar_project .project-portal-grid.project-portal-grid-unified .project-portal-main > .project-portal-section > .project-section-content > h2{
  color:#be1622!important;
}
body.single-qarar_project .project-portal-grid.project-portal-grid-unified .project-portal-main > .project-portal-section > .project-section-label:after{
  background:#be1622!important;
}