/*
 * CERAX Arabic — approved final presentation layer
 * This file is intentionally loaded last. It is the single authority for
 * Arabic typography, RTL header geometry and final responsive refinements.
 */

html[dir="rtl"] {
  --cerax-arabic: "Geeza Pro", "Noto Naskh Arabic", "Traditional Arabic", serif;
  --cerax-navy: #031c34;
  --cerax-navy-deep: #02172a;
  --cerax-gold: #c2862b;
  --cerax-cream: #fbf7ef;
  --cerax-ink: #08233f;
  --cerax-muted: #40536a;
}

/* Arabic final visual QA corrections — v4 — explicit grid areas and mobile dialogue flow. */
@media (min-width: 1181px) {
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-auto-rows: auto !important;
    align-content: start !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a {
    direction: ltr !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0,1fr) 100px !important;
    grid-template-areas: "arrow copy image" !important;
    gap: 14px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 86px !important;
    padding: 11px 12px !important;
    align-items: center !important;
    overflow: hidden !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a > img {
    grid-area: image !important;
    position: static !important;
    width: 100px !important;
    height: 64px !important;
    margin: 0 !important;
    object-fit: cover !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a > span {
    grid-area: copy !important;
    direction: rtl !important;
    position: static !important;
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    text-align: right !important;
    overflow: visible !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a > strong {
    grid-area: arrow !important;
    position: static !important;
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    text-align: left !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a b,
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a em {
    position: static !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: normal !important;
  }
}

@media (max-width: 820px) {
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy {
    isolation: isolate !important;
    opacity: 1 !important;
    filter: none !important;
    padding: 24px 22px !important;
    background: linear-gradient(180deg,rgba(0,20,37,.78),rgba(0,20,37,.92)) !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy > h2,
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy > h2 *,
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy > p {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    text-shadow: 0 2px 16px rgba(0,8,18,.95) !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy > span {
    color: #edbd62 !important;
    -webkit-text-fill-color: #edbd62 !important;
    opacity: 1 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-content,
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 14px !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a {
    direction: ltr !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 78px !important;
    grid-template-areas: "copy icon" !important;
    gap: 16px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 170px !important;
    max-height: none !important;
    padding: 20px !important;
    align-items: start !important;
    overflow: visible !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a > b {
    grid-area: icon !important;
    float: none !important;
    position: static !important;
    display: block !important;
    width: 78px !important;
    height: 78px !important;
    margin: 0 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a > span {
    grid-area: copy !important;
    direction: rtl !important;
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    overflow: visible !important;
  }
}

/* Arabic final visual QA corrections — v5. */
@media (max-width: 820px) {
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-content {
    grid-auto-rows: auto !important;
    align-content: start !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side {
    grid-template-rows: auto auto !important;
    grid-auto-rows: auto !important;
    align-content: start !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a {
    align-self: stretch !important;
  }
}

/* --------------------------------------------------------------------------
   Arabic final visual QA corrections — 2026-08-28
   -------------------------------------------------------------------------- */
@media (min-width:821px) {
  /* Give the Institutional Hall introduction enough room before its cards. */
  html[dir="rtl"] body.home #room-08 .cerax-home-live-layout {
    height: clamp(735px, 57vw, 960px) !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero {
    height: 42% !important;
    min-height: 300px !important;
    padding-bottom: 66px !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero-copy {
    padding-bottom: 22px !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero-copy p {
    max-width: 700px !important;
    font-size: clamp(16px,1.02vw,19px) !important;
    line-height: 1.62 !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-content {
    height: 58% !important;
    padding-top: 16px !important;
  }

  /* Keep all three briefing cards readable without clipping their endings. */
  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 {
    margin-top: 6px !important;
    font-size: clamp(16px,1.05vw,19px) !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 2 !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-briefing-cards > a em {
    font-size: clamp(11px,.72vw,13px) !important;
    line-height: 1.42 !important;
    -webkit-line-clamp: 2 !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-briefing-cards > a span > i {
    font-size: 11px !important;
  }
}

@media (max-width:820px) {
  /* Council headings should introduce the lists, not create empty panels. */
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows .cerax-home-section-heading {
    height: auto !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 0 10px !important;
    border: 0 !important;
    background: transparent !important;
  }

  /* Dialogue Salon: one coherent photographic hero and fully native cards. */
  html[dir="rtl"] body.home #room-07 .cerax-home-hero::before { display: none !important; }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero::after {
    z-index: 0 !important;
    background: linear-gradient(180deg,rgba(0,20,38,.12) 0%,rgba(0,20,38,.5) 48%,rgba(0,20,38,.96) 100%) !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: none !important;
    text-align: right !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy :where(small,h2,p,span) {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: 0 2px 18px rgba(0,0,0,.78) !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy h2 {
    font-size: clamp(38px,10.5vw,49px) !important;
    line-height: 1.18 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy p {
    font-size: 16px !important;
    line-height: 1.68 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a,
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a > span,
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side small,
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side em {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    transform: none !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side em {
    padding: 9px 14px !important;
    color: #fff !important;
    border-radius: 4px !important;
    background: #03213b !important;
  }

  /* Institutional Hall: remove inherited vw text widths and keep every card full-width. */
  html[dir="rtl"] body.home #room-08 .cerax-home-hero::before { display: none !important; }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero-copy {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: none !important;
    text-align: right !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero-copy :where(small,h2,p,span) {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero-copy h2 {
    color: #08213f !important;
    font-size: clamp(37px,10vw,48px) !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero-copy p {
    color: #172d48 !important;
    font-size: 16px !important;
    line-height: 1.66 !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-principles > div,
  html[dir="rtl"] body.home #room-08 .cerax-principles article,
  html[dir="rtl"] body.home #room-08 .cerax-principles article > a,
  html[dir="rtl"] body.home #room-08 .cerax-principles h3,
  html[dir="rtl"] body.home #room-08 .cerax-principles p {
    width: 100% !important;
    max-width: none !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-principles article > a {
    height: auto !important;
    min-height: 0 !important;
    display: flow-root !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-principles h3,
  html[dir="rtl"] body.home #room-08 .cerax-principles p {
    display: block !important;
    position: static !important;
    text-align: right !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links > a,
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links > a > span,
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links b,
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links small {
    max-width: none !important;
    white-space: normal !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links > a > span {
    width: auto !important;
    min-width: 0 !important;
    display: block !important;
    text-align: right !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links b,
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links small {
    position: static !important;
    width: auto !important;
    display: block !important;
  }
}

html[dir="rtl"] body,
html[dir="rtl"] :where(h1,h2,h3,h4,h5,h6,p,a,button,input,textarea,select,label,small,strong,b,em,time,li,span) {
  font-family: var(--cerax-arabic) !important;
  letter-spacing: 0 !important;
}

html[dir="rtl"] body {
  color: var(--cerax-ink);
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

html[dir="rtl"] :where(h1,h2,h3,h4,p,li,a,span,strong,small) {
  word-break: normal;
  overflow-wrap: normal;
}

/* --------------------------------------------------------------------------
   Approved Arabic header — true physical RTL arrangement
   -------------------------------------------------------------------------- */
@media (min-width: 1181px) {
  html[dir="rtl"] .desktop-header {
    min-height: 126px;
    padding: 14px 34px;
    display: grid;
    grid-template-columns: minmax(255px, 285px) minmax(720px, 1fr) minmax(310px, 350px);
    grid-template-areas: "tools nav brand";
    align-items: center;
    gap: 22px;
    direction: ltr;
    border-top: 1px solid var(--cerax-gold);
    border-bottom: 1px solid rgba(194,134,43,.58);
    background: var(--cerax-navy-deep);
  }

  html[dir="rtl"] .desktop-brand {
    grid-area: brand;
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0,1fr) 96px;
    grid-template-areas: "name seal";
    align-items: center;
    gap: 16px;
    padding-inline: 0 16px;
    border-inline: 0 1px solid rgba(194,134,43,.6);
    direction: ltr;
  }

  html[dir="rtl"] .desktop-crest-image {
    grid-area: seal;
    width: 94px;
    height: 94px;
    object-fit: contain;
    display: block;
  }

  html[dir="rtl"] .desktop-wordmark {
    grid-area: name;
    min-width: 0;
    direction: rtl;
    text-align: right;
    color: #e2bd76;
  }

  html[dir="rtl"] .desktop-wordmark > strong { display: none !important; }
  html[dir="rtl"] .desktop-wordmark small {
    display: block;
    font-size: 17px;
    line-height: 1.55;
    font-weight: 700;
    white-space: normal;
  }

  html[dir="rtl"] .desktop-primary {
    grid-area: nav;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(7,minmax(88px,1fr));
    align-items: stretch;
    gap: 3px;
    direction: rtl;
  }

  html[dir="rtl"] .desktop-primary > a,
  html[dir="rtl"] .desktop-primary > button,
  html[dir="rtl"] .desktop-primary .desktop-nav-link {
    min-width: 0;
    min-height: 70px;
    padding: 8px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 700;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: normal;
    color: #edd29a;
  }

  html[dir="rtl"] .desktop-tools {
    grid-area: tools;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    direction: rtl;
  }

  html[dir="rtl"] .desktop-tools > * {
    min-height: 58px;
    padding-inline: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-inline-start: 1px solid rgba(194,134,43,.55);
    font-size: 15px;
    line-height: 1.25;
    white-space: nowrap;
    color: #e5c37f;
  }

  html[dir="rtl"] .desktop-tools .desktop-contact {
    min-width: 118px;
    border: 1px solid var(--cerax-gold);
    margin-inline-end: 10px;
  }
}

/* Mega navigation: stately, compact and usable. */
html[dir="rtl"] .mega-preview-panel {
  direction: rtl;
  max-height: min(650px, calc(100vh - 155px));
  overflow: auto;
  background: rgba(251,247,239,.99);
}

html[dir="rtl"] .mega-preview-panel :where(h2,h3,h4,a,p) {
  line-height: 1.48;
}

html[dir="rtl"] .mega-preview-panel a {
  font-size: 18px;
  word-break: keep-all;
}

html[dir="rtl"] .mega-preview-panel .mega-panel-close {
  font-size: 14px;
}

/* --------------------------------------------------------------------------
   Homepage typography and rhythm
   -------------------------------------------------------------------------- */
html[dir="rtl"] .cerax-home-page :where(p,li) {
  font-size: clamp(16px,1.02vw,19px);
  line-height: 1.7;
}

html[dir="rtl"] .cerax-home-page :where(h2,h3,h4) {
  line-height: 1.2;
  text-wrap: balance;
}

html[dir="rtl"] .cerax-home-hero-copy h2 {
  font-size: clamp(46px,4.1vw,76px);
  line-height: 1.14;
  max-width: 880px;
}

html[dir="rtl"] .cerax-home-hero-copy > p {
  font-size: clamp(18px,1.22vw,23px);
  line-height: 1.7;
  max-width: 760px;
}

html[dir="rtl"] .cerax-home-hero-copy .eyebrow,
html[dir="rtl"] .cerax-home-page .section-label {
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
}

html[dir="rtl"] .cerax-home-page .button,
html[dir="rtl"] .cerax-home-page :where(button,.cerax-button) {
  font-size: 15px;
  line-height: 1.35;
}

/* Entrance hall flagship — proper diplomatic hardcover, not a flat poster. */
html[dir="rtl"] .cerax-featured-publication {
  display: grid;
  grid-template-columns: minmax(270px,300px) minmax(0,1fr);
  gap: clamp(28px,3vw,52px);
  align-items: center;
}

html[dir="rtl"] .cerax-diplomatic-book {
  width: min(100%,290px);
  aspect-ratio: 210/297;
  position: relative;
  padding: 12px 11px 12px 22px;
  border: 1px solid #d4952f;
  border-radius: 3px 8px 8px 3px;
  background:
    radial-gradient(circle at 52% 38%,rgba(203,148,53,.12),transparent 33%),
    linear-gradient(100deg,#00182d 0%,#052441 52%,#00192f 100%);
  box-shadow: -12px 12px 24px rgba(0,0,0,.35), inset 7px 0 14px rgba(255,255,255,.035), inset -5px 0 14px rgba(0,0,0,.38);
  transform: perspective(1100px) rotateY(-2deg);
  overflow: hidden;
}

html[dir="rtl"] .cerax-diplomatic-book::before,
html[dir="rtl"] .cerax-diplomatic-book::after {
  content: "◆";
  position: absolute;
  z-index: 3;
  color: #d9a043;
  font-size: 13px;
}
html[dir="rtl"] .cerax-diplomatic-book::before { inset: 20px auto auto 22px; }
html[dir="rtl"] .cerax-diplomatic-book::after { inset: auto 14px 18px auto; }

html[dir="rtl"] .cerax-diplomatic-book .cerax-book-spine {
  position: absolute;
  inset: 0 auto 0 0;
  width: 17px;
  border-inline-end: 1px solid rgba(217,160,67,.58);
  background: linear-gradient(90deg,#00101f,#0a3152 48%,#001526);
  box-shadow: 4px 0 10px rgba(0,0,0,.45);
}

html[dir="rtl"] .cerax-diplomatic-book .cerax-book-frame {
  height: 100%;
  padding: 24px 22px;
  border: 3px double #d39a3b;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #f3d49a;
  background: linear-gradient(135deg,rgba(255,255,255,.018),rgba(0,0,0,.12));
}

html[dir="rtl"] .cerax-diplomatic-book .cerax-book-brand {
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .14em !important;
}

html[dir="rtl"] .cerax-diplomatic-book .cerax-book-rule {
  width: 82%;
  height: 1px;
  margin: 14px 0 17px;
  background: #c58b31;
}

html[dir="rtl"] .cerax-diplomatic-book .cerax-book-seal {
  width: 52%;
  height: auto;
  max-height: 150px;
  object-fit: contain;
  margin: 0 auto 18px;
  filter: sepia(.12) saturate(1.12);
}

html[dir="rtl"] .cerax-diplomatic-book .cerax-book-kicker {
  margin-top: auto;
  font-size: 12px;
  color: #dba74e;
}

html[dir="rtl"] .cerax-diplomatic-book strong { font-size: 20px; line-height: 1.2; }
html[dir="rtl"] .cerax-diplomatic-book b { font-size: 30px; line-height: 1.15; }
html[dir="rtl"] .cerax-diplomatic-book em { font-size: 11px; line-height: 1.45; color: #e8d9be; }

html[dir="rtl"] .cerax-featured-publication > div > h3,
html[dir="rtl"] .cerax-featured-publication-body h3 {
  font-size: clamp(28px,2vw,39px);
  line-height: 1.25;
  margin-block: 12px 16px;
}

html[dir="rtl"] .cerax-featured-publication > div > p,
html[dir="rtl"] .cerax-featured-publication-body p {
  font-size: 18px;
  line-height: 1.72;
  max-width: 650px;
}

html[dir="rtl"] .cerax-number-grid strong { font-size: 34px; }
html[dir="rtl"] .cerax-number-grid span { font-size: 16px; line-height: 1.45; }

/* Strategic briefing: a true Arabic editorial layout.  The globe remains on
   the physical right of the feature artwork while the copy occupies the clear
   cream field on the physical left. */
html[dir="rtl"] body.home .cerax-home-briefing .cerax-home-hero::before {
  background-image: url('../images/analysis-room-hero.webp');
  background-position: center;
  background-size: cover;
  transform: scaleX(-1);
}

@media (min-width: 1181px) {
  html[dir="rtl"] body.home .cerax-home-briefing .cerax-home-hero::after {
    background: linear-gradient(270deg,#031426 0%,#031426 43%,rgba(3,20,38,.92) 50%,rgba(3,20,38,.18) 64%,transparent 76%);
  }

  html[dir="rtl"] body.home .cerax-home-briefing .cerax-home-hero-copy {
    width: min(660px,46%);
    margin-right: 0;
    margin-left: auto;
    text-align: right;
  }

  html[dir="rtl"] body.home .cerax-home-briefing .cerax-home-hero-copy h2 {
    margin-block: 14px 12px;
    font-size: clamp(42px,3.1vw,57px);
    line-height: 1.16;
  }

  html[dir="rtl"] body.home .cerax-home-briefing .cerax-home-hero-copy p {
    width: min(100%,610px);
    margin-inline: 0;
    font-size: clamp(15px,1.03vw,18px);
    line-height: 1.62;
  }

  html[dir="rtl"] body.home .cerax-home-briefing .cerax-room-tools {
    justify-content: flex-start;
  }

  html[dir="rtl"] body.home .cerax-briefing-feature > div {
    width: 49%;
    margin-right: auto;
    margin-left: 0;
    padding: clamp(18px,1.35vw,23px) clamp(17px,1.25vw,22px);
    text-align: right;
  }

  html[dir="rtl"] body.home .cerax-briefing-feature h3 {
    margin-block: 8px 10px;
    font-size: clamp(27px,1.95vw,35px);
    line-height: 1.22;
  }

  html[dir="rtl"] body.home .cerax-briefing-feature p {
    margin: 0;
    font-size: clamp(13px,.88vw,15px);
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  html[dir="rtl"] body.home .cerax-briefing-feature footer {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px 12px;
    font-size: 12px;
    line-height: 1.35;
  }

  html[dir="rtl"] body.home .cerax-briefing-feature footer span + span {
    padding-right: 12px;
    padding-left: 0;
    border-right: 1px solid #c7a578;
    border-left: 0;
  }
}

html[dir="rtl"] body.home .cerax-analysis-list > a:nth-of-type(n+3) { display: none; }
html[dir="rtl"] body.home .cerax-analysis-list > a {
  direction: rtl;
  grid-template-columns: clamp(82px,6.45vw,108px) minmax(0,1fr) 18px;
}
html[dir="rtl"] body.home .cerax-analysis-list > a span { min-width: 0; }
html[dir="rtl"] body.home .cerax-analysis-list > a b {
  font-size: clamp(16px,1.08vw,19px);
  line-height: 1.32;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
html[dir="rtl"] body.home .cerax-analysis-list > a em {
  font-size: clamp(12px,.78vw,14px);
  line-height: 1.35;
}

html[dir="rtl"] body.home .cerax-briefing-cards {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}
html[dir="rtl"] body.home .cerax-briefing-cards > a { min-width: 0; overflow: hidden; }
html[dir="rtl"] body.home .cerax-briefing-cards > a span { min-width: 0; }
html[dir="rtl"] body.home .cerax-briefing-cards > a b {
  margin-top: 7px;
  font-size: clamp(17px,1.15vw,21px);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
html[dir="rtl"] body.home .cerax-briefing-cards > a em {
  margin-top: 5px;
  font-size: clamp(12px,.76vw,14px);
  line-height: 1.45;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
html[dir="rtl"] body.home .cerax-briefing-cards > a span > i {
  font-size: 12px;
  line-height: 1.35;
}

/* Publications hall: labels are independent rows, never crossed by rules. */
html[dir="rtl"] .cerax-publication-categories a {
  min-height: 66px;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border-bottom: 1px solid #dfcfb8;
  background: transparent;
  font-size: 18px;
  line-height: 1.4;
  text-decoration: none;
}
html[dir="rtl"] .cerax-publication-categories a::before,
html[dir="rtl"] .cerax-publication-categories a::after { position: static; transform: none; }
html[dir="rtl"] .cerax-publication-categories a:last-child { border-bottom: 0; }

html[dir="rtl"] .cerax-latest-publications > div:last-child {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
}
html[dir="rtl"] .cerax-latest-publications article { min-width: 0; }
html[dir="rtl"] .cerax-latest-publications h4 {
  min-height: 3em;
  font-size: 19px;
  line-height: 1.34;
  margin-block: 10px 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
html[dir="rtl"] .cerax-latest-publications small { font-size: 14px; }

/* Council: names must read as names, not captions. */
html[dir="rtl"] .cerax-leader-grid h3 { font-size: 27px; line-height: 1.3; }
html[dir="rtl"] .cerax-leader-grid p { font-size: 16px; line-height: 1.55; }
html[dir="rtl"] .cerax-senior-fellows h4 { font-size: 19px; line-height: 1.35; }
html[dir="rtl"] .cerax-senior-fellows p { font-size: 14px; line-height: 1.45; }
html[dir="rtl"] .cerax-council-standard :where(h4,p) { line-height: 1.55; }
html[dir="rtl"] .cerax-council-standard h4 { font-size: 17px; }
html[dir="rtl"] .cerax-council-standard p { font-size: 14px; }

/* Diplomacy House: deliberate editorial rhythm, no clipped text blocks. */
html[dir="rtl"] .cerax-diplomacy-content { overflow: visible; }
html[dir="rtl"] .cerax-diplomacy-content > p {
  max-width: 790px;
  margin-inline: auto;
  font-size: 20px;
  line-height: 1.8;
  text-align: center;
}
html[dir="rtl"] .cerax-diplomacy-paths { align-items: stretch; }
html[dir="rtl"] .cerax-diplomacy-paths article { min-width: 0; overflow: visible; }
html[dir="rtl"] .cerax-diplomacy-paths h3 { font-size: 28px; line-height: 1.35; }
html[dir="rtl"] .cerax-diplomacy-paths p { font-size: 17px; line-height: 1.65; max-width: 300px; margin-inline: auto; }
html[dir="rtl"] .cerax-diplomacy-services h4 { font-size: 18px; line-height: 1.4; }
html[dir="rtl"] .cerax-diplomacy-services p { font-size: 15px; line-height: 1.55; }

/* Dialogue Salon and Institutional Hall. */
html[dir="rtl"] .cerax-dialogue-content h2 { font-size: clamp(48px,4vw,72px); }
html[dir="rtl"] .cerax-dialogue-content > p { font-size: 19px; line-height: 1.7; }
html[dir="rtl"] .cerax-dialogue-formats h3 { font-size: 19px; line-height: 1.35; }
html[dir="rtl"] .cerax-dialogue-formats p { font-size: 15px; line-height: 1.55; }
html[dir="rtl"] .cerax-event-list article:nth-of-type(n+3),
html[dir="rtl"] .cerax-recent-dialogue article:nth-of-type(n+3) { display: none; }
html[dir="rtl"] .cerax-event-list h4,
html[dir="rtl"] .cerax-recent-dialogue h4,
html[dir="rtl"] .cerax-dialogue-side h4 { font-size: 19px; line-height: 1.4; }
html[dir="rtl"] .cerax-dialogue-side p { font-size: 15px; line-height: 1.55; }

html[dir="rtl"] .cerax-principles h3 { font-size: 20px; line-height: 1.35; }
html[dir="rtl"] .cerax-principles p { font-size: 15px; line-height: 1.55; }
html[dir="rtl"] .cerax-institutional-links h3 { font-size: 18px; line-height: 1.4; }
html[dir="rtl"] .cerax-institutional-links p { font-size: 14px; line-height: 1.45; }

/* Arabic publication reader: one related diplomatic family, not two fonts. */
html[dir="rtl"] .paper-reader-page :where(.reader-title-block h1,.reader-article h2,.reader-article h3) {
  font-family: var(--cerax-arabic) !important;
  font-weight: 700;
  line-height: 1.25;
}
html[dir="rtl"] .reader-title-block h1 { font-size: clamp(44px,3.25vw,60px); }
html[dir="rtl"] .reader-deck { font-size: 20px; line-height: 1.75; }
html[dir="rtl"] .reader-summary p,
html[dir="rtl"] .reader-prose p { font-size: 19px; line-height: 1.9; }
html[dir="rtl"] .reader-findings-grid p { font-size: 17px; line-height: 1.75; }
html[dir="rtl"] .reader-prose h2 { font-size: 38px; margin-block: 34px 16px; }
html[dir="rtl"] .reader-recommendations ol { font-size: 18px; line-height: 1.8; }

/* --------------------------------------------------------------------------
   Tablet and mobile
   -------------------------------------------------------------------------- */
@media (max-width:1180px) {
  html[dir="rtl"] .mobile-header { direction: rtl; }
  html[dir="rtl"] .mobile-brand {
    display: grid;
    grid-template-columns: 66px minmax(0,1fr);
    align-items: center;
    gap: 12px;
    text-align: right;
  }
  html[dir="rtl"] .mobile-brand img { width: 64px; height: 64px; object-fit: contain; }
  html[dir="rtl"] .mobile-brand strong { display: none; }
  html[dir="rtl"] .mobile-brand small { font-size: 15px; line-height: 1.45; }
}

@media (max-width:820px) {
  html[dir="rtl"] .cerax-home-page :where(p,li) { font-size: 17px; line-height: 1.72; }
  html[dir="rtl"] .cerax-home-hero-copy h2 { font-size: 43px; line-height: 1.17; }
  html[dir="rtl"] .cerax-home-hero-copy > p { font-size: 18px; }

  html[dir="rtl"] body.home .cerax-home-briefing .cerax-home-live-layout {
    height: auto;
  }
  html[dir="rtl"] body.home .cerax-home-briefing .cerax-home-hero {
    min-height: 520px;
    padding: 62px 24px 34px;
    display: flex;
    align-items: flex-end;
  }
  html[dir="rtl"] body.home .cerax-home-briefing .cerax-home-hero::before {
    background-position: center;
    background-size: cover;
  }
  html[dir="rtl"] body.home .cerax-home-briefing .cerax-home-hero::after {
    background: linear-gradient(180deg,rgba(3,20,38,.12) 0%,rgba(3,20,38,.75) 42%,#031426 83%);
  }
  html[dir="rtl"] body.home .cerax-home-briefing .cerax-home-hero-copy {
    width: 100%;
    margin: 0;
    text-align: right;
  }
  html[dir="rtl"] body.home .cerax-home-briefing .cerax-home-hero-copy h2 {
    margin-block: 12px 14px;
    font-size: 42px;
    line-height: 1.16;
  }
  html[dir="rtl"] body.home .cerax-home-briefing .cerax-home-hero-copy p {
    font-size: 17px;
    line-height: 1.65;
  }
  html[dir="rtl"] body.home .cerax-home-briefing .cerax-room-tools {
    display: grid;
    grid-template-columns: 1fr;
  }
  html[dir="rtl"] body.home .cerax-home-briefing .cerax-room-tools a {
    width: 100%;
    min-height: 50px;
    font-size: 16px;
  }
  html[dir="rtl"] body.home .cerax-briefing-content {
    height: auto;
    padding: 20px 16px 28px;
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 16px;
  }
  html[dir="rtl"] body.home .cerax-briefing-content > :where(article,section) {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
  }
  html[dir="rtl"] body.home .cerax-briefing-feature {
    display: block;
    background: #fffaf3;
  }
  html[dir="rtl"] body.home .cerax-briefing-feature::before,
  html[dir="rtl"] body.home .cerax-briefing-feature::after { display: none; }
  html[dir="rtl"] body.home .cerax-briefing-feature-image {
    display: block;
    width: 100%;
    height: 215px;
    background: url('../images/analysis-room-hero.webp') 72% center / cover no-repeat;
  }
  html[dir="rtl"] body.home .cerax-briefing-feature > div {
    width: 100%;
    max-width: none;
    height: auto;
    padding: 20px 20px 22px;
    text-align: right;
  }
  html[dir="rtl"] body.home .cerax-briefing-feature h3 {
    margin: 8px 0 12px;
    font-size: 27px;
    line-height: 1.32;
  }
  html[dir="rtl"] body.home .cerax-briefing-feature p {
    margin: 0;
    font-size: 15.5px;
    line-height: 1.72;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }
  html[dir="rtl"] body.home .cerax-briefing-feature footer {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px 12px;
    font-size: 12px;
    line-height: 1.45;
  }
  html[dir="rtl"] body.home .cerax-briefing-feature footer a {
    grid-column: 1 / -1;
    margin-top: 3px;
    font-size: 13px;
  }
  html[dir="rtl"] body.home .cerax-analysis-list {
    padding: 16px;
  }
  html[dir="rtl"] body.home .cerax-analysis-list > a {
    min-height: 112px;
    height: auto;
    grid-template-columns: 82px minmax(0,1fr) 14px;
    column-gap: 11px;
    padding-block: 12px;
    overflow: hidden;
  }
  html[dir="rtl"] body.home .cerax-analysis-list img {
    width: 82px;
    height: 72px;
    object-fit: cover;
  }
  html[dir="rtl"] body.home .cerax-analysis-list > a span {
    display: grid;
    align-content: center;
    gap: 5px;
    min-width: 0;
    overflow: hidden;
  }
  html[dir="rtl"] body.home .cerax-analysis-list > a b {
    display: block;
    max-height: 2.9em;
    font-size: 15.5px;
    line-height: 1.45;
    overflow: hidden;
  }
  html[dir="rtl"] body.home .cerax-analysis-list > a em {
    display: block;
    max-width: 100%;
    margin: 0;
    font-size: 11.5px;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html[dir="rtl"] body.home .cerax-briefing-regions { padding: 16px; }
  html[dir="rtl"] body.home .cerax-briefing-region-body {
    height: auto;
    grid-template-columns: 1fr;
    gap: 12px;
  }
  html[dir="rtl"] body.home .cerax-briefing-region-body nav { gap: 9px; }
  html[dir="rtl"] body.home .cerax-briefing-region-body a { font-size: 15px; }
  html[dir="rtl"] body.home .cerax-home-newsletter {
    min-height: 180px;
    padding: 18px;
  }

  html[dir="rtl"] .cerax-featured-publication {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  html[dir="rtl"] .cerax-diplomatic-book { width: min(78vw,290px); }
  html[dir="rtl"] .cerax-featured-publication > div > p { margin-inline: auto; }

  html[dir="rtl"] .cerax-briefing-cards,
  html[dir="rtl"] .cerax-latest-publications > div:last-child { grid-template-columns: 1fr; }

  html[dir="rtl"] .cerax-latest-publications h4 { min-height: 0; font-size: 21px; }
  html[dir="rtl"] .cerax-diplomacy-content > p { font-size: 18px; }
  html[dir="rtl"] .cerax-diplomacy-paths h3 { font-size: 25px; }
  html[dir="rtl"] .cerax-dialogue-content h2 { font-size: 45px; }

  html[dir="rtl"] .reader-shell { width: 100%; }
  html[dir="rtl"] .reader-title-block h1 { font-size: 39px; }
  html[dir="rtl"] .reader-summary p,
  html[dir="rtl"] .reader-prose p { font-size: 18px; line-height: 1.85; }
  html[dir="rtl"] .reader-findings-grid { grid-template-columns: 1fr; }
}

@media (max-width:520px) {
  html[dir="rtl"] .mobile-header { min-height: 82px; padding: 9px 12px; }
  html[dir="rtl"] .mobile-brand { grid-template-columns: 54px minmax(0,1fr); }
  html[dir="rtl"] .mobile-brand img { width: 52px; height: 52px; }
  html[dir="rtl"] .mobile-brand small { font-size: 13px; }
  html[dir="rtl"] .cerax-home-hero-copy h2 { font-size: 37px; }
  html[dir="rtl"] .cerax-home-hero-copy > p { font-size: 17px; }
  html[dir="rtl"] .cerax-publication-categories a { min-height: 60px; font-size: 17px; }
}

/* --------------------------------------------------------------------------
   Final Arabic mobile refinement — native cards, clean photography, no crops
   -------------------------------------------------------------------------- */
@media (max-width:820px) {
  /* Council: replace the desktop strip/carousel geometry with proper cards. */
  html[dir="rtl"] body.home #room-05 .cerax-council-content {
    height: auto !important;
    min-height: 0 !important;
    padding: 22px 16px 30px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    overflow: visible !important;
    background: #fbf7ef !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-council-content > section,
  html[dir="rtl"] body.home #room-05 .cerax-council-leadership,
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows,
  html[dir="rtl"] body.home #room-05 .cerax-council-standard,
  html[dir="rtl"] body.home #room-05 .cerax-expertise-fields {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-home-section-heading {
    min-height: 42px !important;
    margin: 0 0 12px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-leader-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    overflow: visible !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-leader-grid article {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #b87925 !important;
    border-radius: 16px !important;
    background: #00233f !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-leader-grid article > a {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 220px !important;
    display: grid !important;
    grid-template-columns: minmax(128px,42%) minmax(0,1fr) !important;
    align-items: stretch !important;
    overflow: visible !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-leader-grid article > a::before,
  html[dir="rtl"] body.home #room-05 .cerax-leader-grid article > a::after { display: none !important; }
  html[dir="rtl"] body.home #room-05 .cerax-leader-grid img {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 220px !important;
    object-fit: cover !important;
    object-position: center top !important;
    transform: none !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-leader-grid article > a > div {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 20px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: right !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-leader-grid small {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-leader-grid h3 {
    margin: 8px 0 !important;
    font-size: 23px !important;
    line-height: 1.38 !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-leader-grid p {
    margin: 0 !important;
    font-size: 14.5px !important;
    line-height: 1.58 !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-council-standard {
    padding: 16px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    border: 1px solid #d8bf97 !important;
    border-radius: 16px !important;
    background: #fffaf2 !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-council-standard article {
    min-height: 92px !important;
    padding: 14px 0 !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0,1fr) !important;
    gap: 14px !important;
    align-items: center !important;
    border-bottom: 1px solid #dfcfb6 !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-council-standard article:last-child { border-bottom: 0 !important; }
  html[dir="rtl"] body.home #room-05 .cerax-council-standard b {
    width: 54px !important;
    height: 54px !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-council-standard small {
    display: block !important;
    margin-bottom: 4px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-council-standard span {
    font-size: 14.5px !important;
    line-height: 1.58 !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows > div:last-child {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    overflow: visible !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows article,
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows a {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 118px !important;
    margin: 0 !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows a {
    padding: 0 16px 0 0 !important;
    display: grid !important;
    grid-template-columns: 112px minmax(0,1fr) !important;
    grid-template-rows: 1fr 1fr !important;
    column-gap: 16px !important;
    align-items: center !important;
    overflow: hidden !important;
    border: 1px solid #d2b27f !important;
    border-radius: 14px !important;
    background: #fffaf2 !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows a::before,
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows a::after { display: none !important; }
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows img {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    display: block !important;
    width: 112px !important;
    height: 118px !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows h3 {
    grid-column: 2 !important;
    margin: auto 0 2px !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    text-align: right !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows p {
    grid-column: 2 !important;
    margin: 2px 0 auto !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: right !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-expertise-fields {
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    border-top: 1px solid #d7bd92 !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-expertise-fields a {
    min-height: 52px !important;
    padding: 9px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  /* Dialogue: clean photo hero and native, comfortably sized information cards. */
  html[dir="rtl"] body.home #room-07 .cerax-home-hero {
    min-height: 590px !important;
    background-image: linear-gradient(180deg,rgba(0,23,43,.28),rgba(0,23,43,.92)),url('../images/dialogues-hero-v2.webp') !important;
    background-position: center !important;
    background-size: cover !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero::before {
    background-image: url('../images/dialogues-hero-v2.webp') !important;
    background-position: center !important;
    background-size: cover !important;
    opacity: 1 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero::after {
    background: linear-gradient(180deg,rgba(0,21,39,.18),rgba(0,21,39,.94)) !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy {
    min-height: 590px !important;
    padding: 270px 20px 30px !important;
    justify-content: flex-end !important;
    color: #fff !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy :where(h2,p) { color: #fff !important; text-shadow: 0 2px 18px rgba(0,0,0,.6) !important; }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-content {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 16px 30px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    overflow: visible !important;
    background: #fbf7ef !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-content > :is(nav,section,aside),
  html[dir="rtl"] body.home #room-07 :is(.cerax-dialogue-formats,.cerax-event-list,.cerax-recent-dialogue,.cerax-dialogue-side) {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-formats {
    display: grid !important;
    grid-template-columns: 1fr !important;
    border: 1px solid #dac29a !important;
    border-radius: 16px !important;
    background: #fffaf2 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-formats > a {
    min-height: 0 !important;
    padding: 18px 18px 17px !important;
    display: block !important;
    border: 0 !important;
    border-bottom: 1px solid #dfcfb6 !important;
    background: none !important;
    text-align: right !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-formats > a:last-child { border-bottom: 0 !important; }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-formats i { display: none !important; background-image: none !important; }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-formats h3 {
    margin: 0 0 6px !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-formats p {
    margin: 0 !important;
    font-size: 15.5px !important;
    line-height: 1.65 !important;
  }
  html[dir="rtl"] body.home #room-07 :is(.cerax-event-list,.cerax-recent-dialogue) {
    padding: 18px !important;
    border: 1px solid #dac29a !important;
    border-radius: 16px !important;
    background: #fffaf2 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-event-list > a:not(.cerax-dialogue-list-all) {
    min-height: 118px !important;
    padding: 14px 0 !important;
    grid-template-columns: 64px minmax(0,1fr) 14px !important;
    column-gap: 13px !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-event-list > a > span b,
  html[dir="rtl"] body.home #room-07 .cerax-recent-dialogue b {
    font-size: 18px !important;
    line-height: 1.45 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-event-list em,
  html[dir="rtl"] body.home #room-07 .cerax-recent-dialogue small {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-recent-dialogue .cerax-recent-row {
    min-height: 112px !important;
    padding: 13px 0 !important;
    display: grid !important;
    grid-template-columns: 88px minmax(0,1fr) !important;
    gap: 14px !important;
    align-items: center !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-recent-dialogue .cerax-recent-row > i {
    width: 88px !important;
    height: 76px !important;
    background-size: cover !important;
    background-position: center !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a {
    min-height: 0 !important;
    padding: 22px !important;
    display: block !important;
    border: 1px solid #dac29a !important;
    border-radius: 16px !important;
    background: #fffaf2 !important;
    text-align: right !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a > b { display: none !important; background-image: none !important; }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side small {
    display: block !important;
    margin: 0 0 7px !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side span {
    display: block !important;
    font-size: 15.5px !important;
    line-height: 1.65 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side em {
    display: inline-block !important;
    margin-top: 14px !important;
    font-size: 13px !important;
  }

  /* Institutional Hall: remove the baked desktop artwork on phones. */
  html[dir="rtl"] body.home #room-08 .cerax-home-hero {
    min-height: 560px !important;
    background-image: linear-gradient(180deg,rgba(251,247,239,.06),rgba(251,247,239,.95) 62%,#fbf7ef 100%),url('../images/policy-study-hero.webp') !important;
    background-position: center !important;
    background-size: cover !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero::before {
    background-image: url('../images/policy-study-hero.webp') !important;
    background-position: center !important;
    background-size: cover !important;
    opacity: 1 !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero::after {
    background: linear-gradient(180deg,rgba(251,247,239,.04),rgba(251,247,239,.96) 63%,#fbf7ef) !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero-copy {
    min-height: 560px !important;
    padding: 290px 20px 28px !important;
    justify-content: flex-end !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-content {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 16px 30px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    overflow: visible !important;
    background: #fbf7ef !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-principles,
  html[dir="rtl"] body.home #room-08 .cerax-principles > div,
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-principles > div:last-child {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-principles article {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 132px !important;
    padding: 20px !important;
    border: 1px solid #dac29a !important;
    border-radius: 14px !important;
    background: #fffaf2 !important;
    overflow: visible !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-principles article::before,
  html[dir="rtl"] body.home #room-08 .cerax-principles article::after { display: none !important; }
  html[dir="rtl"] body.home #room-08 .cerax-principles a {
    display: block !important;
    min-height: 0 !important;
    text-align: right !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-principles i {
    float: right !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 0 8px 14px !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-principles h3 {
    margin: 0 0 7px !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-principles p {
    margin: 0 !important;
    font-size: 15.5px !important;
    line-height: 1.65 !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links > a {
    min-height: 100px !important;
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0,1fr) 18px !important;
    gap: 14px !important;
    align-items: center !important;
    border: 1px solid #dac29a !important;
    border-radius: 14px !important;
    background: #fffaf2 !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links i {
    width: 58px !important;
    height: 58px !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links b,
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links strong {
    display: block !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links small,
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links span {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  /* Diplomacy services and briefing cards: keep metadata and labels legible. */
  html[dir="rtl"] body.home #room-06 .cerax-diplomacy-services {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  html[dir="rtl"] body.home #room-06 .cerax-diplomacy-services a {
    min-height: 108px !important;
    padding: 17px !important;
    grid-template-columns: minmax(0,1fr) !important;
    text-align: right !important;
  }
  html[dir="rtl"] body.home #room-06 .cerax-diplomacy-services b { display: none !important; background-image: none !important; }
  html[dir="rtl"] body.home #room-06 .cerax-diplomacy-services strong {
    font-size: 19px !important;
    line-height: 1.4 !important;
  }
  html[dir="rtl"] body.home #room-06 .cerax-diplomacy-services span {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-briefing-cards > a {
    height: auto !important;
    min-height: 360px !important;
    display: grid !important;
    grid-template-rows: 195px auto !important;
    overflow: hidden !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-briefing-cards > a > img {
    position: static !important;
    width: 100% !important;
    height: 195px !important;
    object-fit: cover !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-briefing-cards > a > span {
    position: static !important;
    min-height: 0 !important;
    padding: 18px !important;
    display: block !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-briefing-cards > a b {
    margin: 7px 0 !important;
    font-size: 21px !important;
    line-height: 1.42 !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-briefing-cards > a em {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-briefing-cards > a span > i {
    position: static !important;
    margin-top: 14px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 14px !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
  }
}

/* Arabic final visual QA corrections — v2 — keep last in cascade. */
@media (min-width: 821px) {
  html[dir="rtl"] body.home #room-08 .cerax-home-live-layout {
    height: clamp(735px,57vw,960px) !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero {
    height: 42% !important;
    min-height: 300px !important;
    padding-bottom: 66px !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero-copy {
    padding-bottom: 22px !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero-copy p {
    max-width: 700px !important;
    font-size: clamp(16px,1vw,19px) !important;
    line-height: 1.62 !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-content {
    height: 58% !important;
    padding-top: 16px !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 {
    font-size: clamp(16px,1.05vw,19px) !important;
    line-height: 1.36 !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-briefing-cards > a em {
    font-size: clamp(11px,.76vw,13px) !important;
    line-height: 1.42 !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-briefing-cards > a span > i {
    font-size: 11px !important;
  }
}

@media (max-width: 820px) {
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows > h3 {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html[dir="rtl"] body.home #room-07 .cerax-home-hero::before,
  html[dir="rtl"] body.home #room-08 .cerax-home-hero::before {
    display: none !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero::after {
    background: linear-gradient(180deg,rgba(0,25,45,.05),rgba(0,25,45,.72) 58%,#001b31 100%) !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy :where(small,h2,p,span) {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy h2 {
    font-size: clamp(38px,11vw,49px) !important;
    line-height: 1.18 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy p {
    font-size: 16px !important;
    line-height: 1.68 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a > :where(span,small,em) {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side em {
    padding: 9px 14px !important;
    background: #001f37 !important;
    color: #fff !important;
  }

  html[dir="rtl"] body.home #room-08 .cerax-home-hero-copy {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero-copy :where(small,h2,p,span) {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero-copy h2 {
    color: #001f3b !important;
    font-size: clamp(37px,10.5vw,48px) !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero-copy p {
    color: #173652 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    text-shadow: none !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-principles :where(div,article,a,h3,p),
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links :where(a,span,b,small,strong) {
    max-width: none !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-principles a {
    display: flow-root !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-principles :where(h3,p) {
    position: static !important;
    display: block !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links :where(b,small,strong,span) {
    position: static !important;
    display: block !important;
    width: auto !important;
    white-space: normal !important;
  }
}

/* Arabic final visual QA corrections — v3 — exact mobile/desktop resets. */
@media (min-width: 821px) {
  /* The approved institutional composition is rebuilt with live Arabic copy.
     Use the clean map photograph so no baked English interface remains. */
  html[dir="rtl"] body.home #room-08 .cerax-home-hero,
  html[dir="rtl"] body.home #room-08 .cerax-home-hero::before {
    background-image:
      linear-gradient(90deg,rgba(255,250,243,.99) 0%,rgba(255,250,243,.96) 43%,rgba(255,250,243,.22) 70%,rgba(255,250,243,.04) 100%),
      url('../images/mobile-institutional-hall.webp') !important;
    background-size: 100% 100%, 58% auto !important;
    background-position: center, 100% 88% !important;
    background-repeat: no-repeat !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero::after {
    background: linear-gradient(90deg,rgba(255,250,243,.08),rgba(255,250,243,.12) 55%,rgba(255,250,243,.36)) !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-home-hero-copy {
    width: min(47%,760px) !important;
    margin-right: 0 !important;
    margin-left: auto !important;
    padding-right: clamp(54px,7vw,126px) !important;
    text-align: right !important;
  }

  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a {
    min-height: 82px !important;
    grid-template-columns: 108px minmax(0,1fr) 18px !important;
    gap: 14px !important;
    padding: 10px 12px !important;
    align-items: center !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a img {
    width: 108px !important;
    height: 64px !important;
    object-fit: cover !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a span {
    min-width: 0 !important;
    width: auto !important;
    display: block !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a b {
    display: block !important;
    font-size: clamp(15px,.98vw,18px) !important;
    line-height: 1.38 !important;
    white-space: normal !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a em {
    display: block !important;
    margin-top: 5px !important;
    font-size: clamp(11px,.72vw,13px) !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }
}

@media (max-width: 820px) {
  /* Council: replace the inherited empty capsule with a proper section rule. */
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows > .cerax-home-section-heading {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    padding: 0 2px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 0 !important;
    border-bottom: 1px solid #d6bc92 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows > .cerax-home-section-heading span {
    position: static !important;
    width: auto !important;
    color: #9c621d !important;
    font: 700 20px/1.4 var(--cerax-arabic) !important;
  }
  html[dir="rtl"] body.home #room-05 .cerax-senior-fellows > .cerax-home-section-heading a {
    position: static !important;
    width: auto !important;
    color: #9c621d !important;
    font: 700 14px/1.4 var(--cerax-arabic) !important;
  }

  /* Dialogue hero: preserve contrast over the room photograph. */
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy,
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy * {
    color: #fff !important;
    text-shadow: 0 2px 18px rgba(0,17,31,.9) !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy > span {
    color: #e7b34f !important;
  }

  /* Dialogue utility cards: remove desktop fixed widths/heights completely. */
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a {
    width: 100% !important;
    height: auto !important;
    min-height: 150px !important;
    padding: 18px !important;
    display: flow-root !important;
    overflow: visible !important;
    text-align: right !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a > b {
    float: right !important;
    width: 76px !important;
    height: 76px !important;
    margin: 0 0 12px 16px !important;
    background-size: 1580px auto !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a > span {
    position: static !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    color: #41526a !important;
    font: 400 15px/1.62 var(--cerax-arabic) !important;
    white-space: normal !important;
    writing-mode: horizontal-tb !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a > span > small,
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a > span > em {
    position: static !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 5px !important;
    display: block !important;
    overflow: visible !important;
    white-space: normal !important;
    writing-mode: horizontal-tb !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a > span > small {
    color: #9d6117 !important;
    font: 700 19px/1.4 var(--cerax-arabic) !important;
    text-transform: none !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a > span > em {
    clear: both !important;
    width: fit-content !important;
    margin-top: 12px !important;
    padding: 9px 15px !important;
    color: #fff !important;
    font: 700 13px/1.3 var(--cerax-arabic) !important;
  }

  /* Institutional room: clean image + stacked, readable native Arabic cards. */
  html[dir="rtl"] body.home #room-08 .cerax-home-hero {
    background-image:
      linear-gradient(180deg,rgba(255,250,243,.06),rgba(255,250,243,.86) 62%,#fffaf3 100%),
      url('../images/mobile-institutional-hall.webp') !important;
    background-size: 100% 100%, cover !important;
    background-position: center, center bottom !important;
    background-repeat: no-repeat !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links > a {
    width: 100% !important;
    height: auto !important;
    min-height: 112px !important;
    padding: 16px !important;
    display: flow-root !important;
    overflow: visible !important;
    text-align: right !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links > a > i {
    position: static !important;
    float: right !important;
    width: 62px !important;
    height: 62px !important;
    margin: 0 0 10px 16px !important;
    display: block !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links > a > span {
    position: static !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    white-space: normal !important;
    writing-mode: horizontal-tb !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links > a > span > b,
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links > a > span > small {
    position: static !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    overflow: visible !important;
    white-space: normal !important;
    writing-mode: horizontal-tb !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links > a > span > b {
    margin-bottom: 4px !important;
    color: #142c46 !important;
    font: 700 19px/1.4 var(--cerax-arabic) !important;
    text-transform: none !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links > a > span > small {
    color: #3c4e63 !important;
    font: 400 15px/1.55 var(--cerax-arabic) !important;
  }
  html[dir="rtl"] body.home #room-08 .cerax-institutional-links > a > strong {
    position: static !important;
    float: left !important;
    width: auto !important;
    height: auto !important;
    margin-top: 6px !important;
    color: #a76d27 !important;
    font: 700 20px/1 var(--cerax-arabic) !important;
  }
}

/* Arabic final visual QA corrections — v4 — loaded last intentionally. */
@media (min-width: 1181px) {
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-auto-rows: auto !important;
    align-content: start !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a {
    direction: ltr !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0,1fr) 100px !important;
    grid-template-areas: "arrow copy image" !important;
    gap: 14px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 86px !important;
    padding: 11px 12px !important;
    align-items: center !important;
    overflow: hidden !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a > img {
    grid-area: image !important;
    position: static !important;
    width: 100px !important;
    height: 64px !important;
    margin: 0 !important;
    object-fit: cover !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a > span {
    grid-area: copy !important;
    direction: rtl !important;
    position: static !important;
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    text-align: right !important;
    overflow: visible !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a > strong {
    grid-area: arrow !important;
    position: static !important;
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    text-align: left !important;
  }
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a b,
  html[dir="rtl"] body.home #room-02 .cerax-analysis-list > a em {
    position: static !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: normal !important;
  }
}

@media (max-width: 820px) {
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy {
    isolation: isolate !important;
    opacity: 1 !important;
    filter: none !important;
    padding: 24px 22px !important;
    background: linear-gradient(180deg,rgba(0,20,37,.78),rgba(0,20,37,.92)) !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy > h2,
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy > h2 *,
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy > p {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    text-shadow: 0 2px 16px rgba(0,8,18,.95) !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-home-hero-copy > span {
    color: #edbd62 !important;
    -webkit-text-fill-color: #edbd62 !important;
    opacity: 1 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-content,
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 14px !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a {
    direction: ltr !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 78px !important;
    grid-template-areas: "copy icon" !important;
    gap: 16px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 170px !important;
    max-height: none !important;
    padding: 20px !important;
    align-items: start !important;
    overflow: visible !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a > b {
    grid-area: icon !important;
    float: none !important;
    position: static !important;
    display: block !important;
    width: 78px !important;
    height: 78px !important;
    margin: 0 !important;
  }
  html[dir="rtl"] body.home #room-07 .cerax-dialogue-side > a > span {
    grid-area: copy !important;
    direction: rtl !important;
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    overflow: visible !important;
  }
}