/*
 * CERAX homepage — authoritative repair layer.
 * Entrance Hall featured volume and Strategic Briefing latest analysis only.
 */

body.home #room-01 .cerax-featured-publication,
body.home #room-01 .cerax-featured-publication *,
body.home #room-02 .cerax-analysis-list,
body.home #room-02 .cerax-analysis-list * {
  box-sizing: border-box;
}

/* The approved institutional volume must always render as an actual cover. */
body.home #room-01 .cerax-featured-book-cover {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #b97a22 !important;
  background-color: #031d35 !important;
  background-image: url('../images/concept-policy-library-cover-cropped.webp') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28) !important;
  aspect-ratio: 486 / 533 !important;
}

body.home #room-01 .cerax-featured-book-cover img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

body.home #room-01 .cerax-featured-publication-copy {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow: hidden !important;
  text-align: start !important;
}

body.home #room-01 .cerax-featured-publication-copy small,
body.home #room-01 .cerax-featured-publication-copy h3,
body.home #room-01 .cerax-featured-publication-copy p,
body.home #room-01 .cerax-featured-publication-copy > a {
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  transform: none !important;
}

body.home #room-01 .cerax-featured-publication-copy small {
  margin-bottom: 10px !important;
  color: #e2a33f !important;
  font: 700 12px/1.2 Arial, sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.home #room-01 .cerax-featured-publication-copy h3 {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  color: #fffaf0 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(21px, 1.38vw, 29px) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.015em !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

body.home #room-01 .cerax-featured-publication-copy p {
  display: -webkit-box !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  overflow: hidden !important;
  color: #c9d4df !important;
  font-size: clamp(12px, 0.78vw, 15px) !important;
  line-height: 1.48 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body.home #room-01 .cerax-featured-publication-copy > a {
  color: #f0ad3d !important;
  font: 700 clamp(12px, 0.76vw, 15px)/1.25 Arial, sans-serif !important;
  letter-spacing: 0.025em !important;
  text-transform: uppercase !important;
}

/* Latest analysis: two legible editorial rows, not three compressed strips. */
body.home #room-02 .cerax-analysis-list {
  min-width: 0 !important;
  padding: clamp(10px, 0.7vw, 14px) clamp(16px, 1.05vw, 22px) !important;
  overflow: hidden !important;
}

body.home #room-02 .cerax-analysis-list .cerax-home-section-heading {
  min-height: 25px !important;
  margin: 0 0 4px !important;
  padding: 0 0 6px !important;
  border-bottom: 1px solid #d9c4a2 !important;
}

body.home #room-02 .cerax-analysis-list .cerax-home-section-heading span,
body.home #room-02 .cerax-analysis-list .cerax-home-section-heading a {
  font-size: clamp(12px, 0.72vw, 15px) !important;
  line-height: 1.2 !important;
}

body.home #room-02 .cerax-analysis-list > a {
  display: grid !important;
  grid-template-columns: clamp(94px, 6.6vw, 132px) minmax(0, 1fr) 22px !important;
  gap: clamp(12px, 0.95vw, 19px) !important;
  min-height: 0 !important;
  height: calc((100% - 29px) / 2) !important;
  padding: clamp(5px, 0.38vw, 8px) 0 !important;
  align-items: center !important;
  overflow: hidden !important;
  border-bottom: 1px solid #d9c4a2 !important;
}

body.home #room-02 .cerax-analysis-list > a:last-child {
  border-bottom: 0 !important;
}

body.home #room-02 .cerax-analysis-list img {
  display: block !important;
  width: clamp(94px, 6.6vw, 132px) !important;
  height: clamp(54px, 3.55vw, 72px) !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

body.home #room-02 .cerax-analysis-list > a > span {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
  overflow: hidden !important;
}

body.home #room-02 .cerax-analysis-list b {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #061f3d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(16px, 1vw, 21px) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  letter-spacing: -0.01em !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.home #room-02 .cerax-analysis-list em {
  display: block !important;
  overflow: hidden !important;
  color: #5e6570 !important;
  font: normal clamp(11px, 0.66vw, 14px)/1.25 Arial, sans-serif !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body.home #room-02 .cerax-analysis-list strong {
  display: block !important;
  color: #b46c12 !important;
  font: 400 clamp(25px, 1.6vw, 34px)/1 Georgia, serif !important;
  text-align: center !important;
}

@media (min-width: 1500px) {
  body.home #room-01 .cerax-entrance-content {
    grid-template-columns: minmax(570px, 34%) minmax(0, 66%) !important;
    overflow: hidden !important;
  }

  body.home #room-01 .cerax-featured-publication {
    display: grid !important;
    grid-template-columns: minmax(195px, 220px) minmax(0, 1fr) !important;
    gap: clamp(20px, 1.25vw, 28px) !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: clamp(18px, 1.1vw, 24px) !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  body.home #room-01 .cerax-featured-book-cover {
    width: 100% !important;
    max-width: 220px !important;
    justify-self: center !important;
  }

  body.home #room-01 .cerax-home-numbers {
    min-width: 0 !important;
    overflow: hidden !important;
  }
}

@media (min-width: 1181px) and (max-width: 1499px) {
  body.home #room-01 .cerax-entrance-content {
    grid-template-columns: minmax(450px, 39%) minmax(0, 61%) !important;
    overflow: hidden !important;
  }

  body.home #room-01 .cerax-featured-publication {
    display: grid !important;
    grid-template-columns: minmax(150px, 178px) minmax(0, 1fr) !important;
    gap: 18px !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 17px !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  body.home #room-01 .cerax-featured-book-cover {
    width: 100% !important;
    max-width: 178px !important;
    justify-self: center !important;
  }
}

@media (max-width: 1180px) {
  body.home #room-01 .cerax-featured-publication {
    display: grid !important;
    grid-template-columns: minmax(145px, 210px) minmax(0, 1fr) !important;
    gap: clamp(18px, 3vw, 30px) !important;
    min-width: 0 !important;
    padding: clamp(18px, 3vw, 30px) !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  body.home #room-01 .cerax-featured-book-cover {
    width: min(100%, 210px) !important;
    justify-self: center !important;
  }
}

@media (max-width: 680px) {
  body.home #room-01 .cerax-featured-publication {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  body.home #room-01 .cerax-featured-book-cover {
    width: min(68vw, 250px) !important;
  }

  body.home #room-01 .cerax-featured-publication-copy {
    align-items: center !important;
    text-align: center !important;
  }

  body.home #room-02 .cerax-analysis-list > a {
    grid-template-columns: 86px minmax(0, 1fr) 18px !important;
    gap: 11px !important;
    min-height: 82px !important;
  }

  body.home #room-02 .cerax-analysis-list img {
    width: 86px !important;
    height: 64px !important;
  }
}

html[dir="rtl"] body.home #room-01 .cerax-featured-publication-copy {
  align-items: flex-start !important;
  text-align: right !important;
}

html[dir="rtl"] body.home #room-01 .cerax-featured-publication-copy small,
html[dir="rtl"] body.home #room-01 .cerax-featured-publication-copy h3,
html[dir="rtl"] body.home #room-01 .cerax-featured-publication-copy p,
html[dir="rtl"] body.home #room-01 .cerax-featured-publication-copy > a {
  text-align: right !important;
}

/*
 * Final legibility pass: analysis titles must remain complete.  Let each row
 * grow with its editorial content instead of forcing both rows into a fixed
 * half-height, which clipped English titles and the Arabic metadata line.
 */
body.home #room-02 .cerax-analysis-list {
  height: auto !important;
  min-height: 228px !important;
}

body.home #room-02 .cerax-analysis-list > a {
  height: auto !important;
  min-height: 88px !important;
}

body.home #room-02 .cerax-analysis-list b {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: unset !important;
}

/* Explicit placement prevents RTL auto-flow from squeezing copy into the image track. */
@media (max-width: 1180px) {
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a {
    direction: rtl !important;
  }

  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a > img {
    grid-column: 1 !important;
  }

  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a > span {
    grid-column: 2 !important;
  }

  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a > strong {
    grid-column: 3 !important;
  }
}

@media (max-width: 680px) {
  body.home #room-02 .cerax-analysis-list > a {
    min-height: 96px !important;
  }

  body.home #room-02 .cerax-analysis-list em {
    white-space: normal !important;
  }
}

/*
 * 2026-08-29 — wide Arabic homepage flow repair.
 *
 * The approved wide artboards use fixed-height, absolutely positioned panels.
 * Arabic copy needs more vertical room at these widths, so the four affected
 * rooms use normal grid flow here. This keeps every label readable, prevents
 * neighbouring panels from overlapping, and lets the institutional footer
 * follow the last real row instead of a full-screen empty remainder.
 */
@media (min-width: 1181px) {
  html[dir="rtl"] body.home #room-02,
  html[dir="rtl"] body.home #room-03,
  html[dir="rtl"] body.home #room-05,
  html[dir="rtl"] body.home #room-08 {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  html[dir="rtl"] body.home #room-02 .cerax-home-live-layout,
  html[dir="rtl"] body.home #room-03 .cerax-home-live-layout,
  html[dir="rtl"] body.home #room-05 .cerax-home-live-layout,
  html[dir="rtl"] body.home #room-08 .cerax-home-live-layout {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  /* 02 — Strategic Briefing: three explicit rows, without panel collisions. */
  html[dir="rtl"] body.home #room-02 .cerax-home-hero {
    flex: none !important;
    height: clamp(300px, 12.61vw, 323px) !important;
  }

  html[dir="rtl"] body.home #room-02 .cerax-briefing-content {
    direction: ltr !important;
    flex: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 15px 3.5vw 28px 4.05vw !important;
    display: grid !important;
    grid-template-columns: minmax(0, 57fr) minmax(0, 34.6fr) !important;
    grid-template-areas:
      "feature analysis"
      "cards regions"
      "cards newsletter" !important;
    grid-template-rows: minmax(350px, auto) minmax(204px, auto) minmax(145px, auto) !important;
    gap: 18px 1.4vw !important;
    overflow: visible !important;
  }

  html[dir="rtl"] body.home #room-02 .cerax-briefing-feature,
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list,
  html[dir="rtl"] body.home #room-02 .cerax-briefing-regions,
  html[dir="rtl"] body.home #room-02 .cerax-home-newsletter,
  html[dir="rtl"] body.home #room-02 .cerax-briefing-cards {
    direction: rtl !important;
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html[dir="rtl"] body.home #room-02 .cerax-briefing-feature {
    grid-area: feature !important;
    position: relative !important;
    min-height: 350px !important;
  }

  html[dir="rtl"] body.home #room-02 .cerax-analysis-list {
    grid-area: analysis !important;
    height: 350px !important;
    min-height: 270px !important;
    grid-template-rows: 29px repeat(2, minmax(0, 1fr)) !important;
    align-content: stretch !important;
  }

  html[dir="rtl"] body.home #room-02 .cerax-briefing-regions {
    grid-area: regions !important;
    min-height: 204px !important;
  }

  html[dir="rtl"] body.home #room-02 .cerax-home-newsletter {
    grid-area: newsletter !important;
    min-height: 145px !important;
  }

  html[dir="rtl"] body.home #room-02 .cerax-briefing-cards {
    grid-area: cards !important;
    height: 367px !important;
    min-height: 367px !important;
  }

  html[dir="rtl"] body.home #room-02 .cerax-briefing-cards > a {
    grid-template-rows: 44% 56% !important;
  }

  html[dir="rtl"] body.home #room-02 .cerax-briefing-cards > a b {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
  }

  /* 03 — Publications Hall: size the first row from its book-card geometry. */
  html[dir="rtl"] body.home #room-03 .cerax-home-hero {
    flex: none !important;
    height: clamp(330px, 14.4vw, 368px) !important;
  }

  html[dir="rtl"] body.home #room-03 .cerax-publications-content {
    flex: none !important;
    height: calc(clamp(450px, 20.7vw, 530px) + clamp(101px, 8.02vw, 134px) + 12px) !important;
    min-height: 0 !important;
    grid-template-rows: minmax(clamp(450px, 20.7vw, 530px), 1fr) clamp(101px, 8.02vw, 134px) !important;
    overflow: visible !important;
  }

  html[dir="rtl"] body.home #room-03 .cerax-publication-categories,
  html[dir="rtl"] body.home #room-03 .cerax-library-feature,
  html[dir="rtl"] body.home #room-03 .cerax-latest-publications {
    min-height: 0 !important;
  }

  /* 05 — Council Hall: keep leadership, standards, fellows and fields in flow. */
  html[dir="rtl"] body.home #room-05 .cerax-home-hero {
    flex: none !important;
    height: clamp(285px, 12.23vw, 313px) !important;
  }

  html[dir="rtl"] body.home #room-05 .cerax-council-content {
    direction: ltr !important;
    flex: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 20px 2.15vw 0 6.82vw !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 17.46vw !important;
    grid-template-areas:
      "leadership standard"
      "fellows standard"
      "expertise expertise" !important;
    grid-template-rows: auto auto 85px !important;
    gap: 20px 8.8vw !important;
    overflow: visible !important;
  }

  html[dir="rtl"] body.home #room-05 .cerax-council-content::before {
    inset: 0 19.62vw auto 0 !important;
    height: 320px !important;
  }

  html[dir="rtl"] body.home #room-05 .cerax-council-leadership,
  html[dir="rtl"] body.home #room-05 .cerax-council-standard,
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows,
  html[dir="rtl"] body.home #room-05 .cerax-expertise-fields {
    direction: rtl !important;
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html[dir="rtl"] body.home #room-05 .cerax-council-leadership {
    grid-area: leadership !important;
    min-height: 292px !important;
  }

  html[dir="rtl"] body.home #room-05 .cerax-leader-grid {
    height: auto !important;
    min-height: 260px !important;
  }

  html[dir="rtl"] body.home #room-05 .cerax-leader-grid article,
  html[dir="rtl"] body.home #room-05 .cerax-leader-grid article > a {
    height: auto !important;
    min-height: 260px !important;
  }

  html[dir="rtl"] body.home #room-05 .cerax-council-standard {
    grid-area: standard !important;
    min-height: 572px !important;
    grid-template-rows: repeat(4, minmax(128px, auto)) !important;
    overflow: visible !important;
  }

  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows {
    grid-area: fellows !important;
    min-height: 240px !important;
  }

  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows > div:last-child {
    height: 209px !important;
  }

  html[dir="rtl"] body.home #room-05 .cerax-expertise-fields {
    grid-area: expertise !important;
    min-height: 85px !important;
  }

  /* 08 — Institutional Hall: end the room immediately after its link row. */
  html[dir="rtl"] body.home #room-08 .cerax-home-hero {
    flex: none !important;
    height: clamp(300px, 15.75vw, 403px) !important;
  }

  html[dir="rtl"] body.home #room-08 .cerax-institutional-content {
    flex: none !important;
    height: calc(13.25vw + 1px) !important;
    min-height: 0 !important;
    padding-top: 0 !important;
  }
}