/* Arabic composition shares every chapter and interaction with the English page. */
/* Keep the document as the scroll container so native chapter snapping works. */
html[dir="rtl"].bayan-chapter-scroll body { overflow-x: clip; overflow-y: visible; }
#bayan-page.bayan-ar {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  direction: rtl;
  text-align: right;
  line-height: 1.85;
  --hero-header: 90px;
}
#bayan-page.bayan-ar :is(h1,h2,h3,p,a,button,summary,blockquote,span,li) { letter-spacing: 0; text-transform: none; }
#bayan-page.bayan-ar :is(h1,h2,h3,p,li) { unicode-bidi: normal; }
#bayan-page.bayan-ar :is(h1,h2,h3) { font-family: inherit; font-weight: 600; line-height: 1.45; }
#bayan-page.bayan-ar p { line-height: 1.9; }
#bayan-page.bayan-ar .hero-cinematic { text-align: center; }
#bayan-page.bayan-ar .hero-cinematic h1 { font-size: clamp(48px,5.6vw,88px); line-height: 1.38; }
#bayan-page.bayan-ar .hero-cinematic .eyebrow { font-size: 14px; line-height: 1.8; }
#bayan-page.bayan-ar .hero-description { font-size: 21px; line-height: 1.8; max-width: 840px; }
#bayan-page.bayan-ar .hero-sovereignty { text-align: right; }
#bayan-page.bayan-ar .hero-sovereignty strong { font-size: 16px; }
#bayan-page.bayan-ar .hero-sovereignty span>span { font-size: 15px; }
#bayan-page.bayan-ar .eyebrow { font-size: 14px; font-weight: 500; }
#bayan-page.bayan-ar .button { font-size: 18px; }
#bayan-page.bayan-ar .announcement-connections { transform: scaleX(-1); }
#bayan-page.bayan-ar .announcement-finance,
#bayan-page.bayan-ar .announcement-hr { left: auto; right: 16.667%; transform: translate(50%,-50%); }
#bayan-page.bayan-ar .announcement-projects { left: 16.667%; }
#bayan-page.bayan-ar .announcement-node { font-size: 20px; gap: 12px; }
#bayan-page.bayan-ar .announcement-hr { font-size: 18px; }
#bayan-page.bayan-ar .announcement-context { font-size: 15px; text-align: center; }
#bayan-page.bayan-ar .section-heading { text-align: right; }
#bayan-page.bayan-ar .workflow-explorer { min-width: 0; }
#bayan-page.bayan-ar h2 { font-size: clamp(36px,3.55vw,54px); line-height: 1.45; }
#bayan-page.bayan-ar .section-heading>p { font-size: 19px; padding-bottom: 8px; }
#bayan-page.bayan-ar .workflow-tabs button { font-size: 18px; padding-inline: 15px; }
#bayan-page.bayan-ar .workflow-tabs button>span,
#bayan-page.bayan-ar .step-list span,
#bayan-page.bayan-ar .notes-actions li>span { font-size: 16px; unicode-bidi: isolate; }
#bayan-page.bayan-ar .workflow-copy h3 { font-size: clamp(30px,2.5vw,39px); line-height: 1.45; }
#bayan-page.bayan-ar .workflow-copy>p:not(.eyebrow),
#bayan-page.bayan-ar .notes-story-copy>p:not(.eyebrow),
#bayan-page.bayan-ar .notes-ai-copy>p:not(.eyebrow) { font-size: 19px; line-height: 1.9; }
#bayan-page.bayan-ar .notes-story h2,
#bayan-page.bayan-ar .notes-ai-copy h2 { font-size: clamp(34px,2.8vw,44px); line-height: 1.5; }
#bayan-page.bayan-ar .notes-prompt,
#bayan-page.bayan-ar .faq details p { text-align: right; }
#bayan-page.bayan-ar .notes-ai-copy .notes-prompt p { font-size: 19px; line-height: 1.9; }
#bayan-page.bayan-ar .notes-ai-copy .notes-ai-result { font-size: 16px; }
#bayan-page.bayan-ar .step-list,
#bayan-page.bayan-ar .notes-actions { font-size: 18px; }
#bayan-page.bayan-ar .loop-tools .loop-expand,
#bayan-page.bayan-ar .loop-tools .loop-control { font-size: 14px; }
#bayan-page.bayan-ar .loop-expand>span { transform: scaleX(-1); }
#bayan-page.bayan-ar .loop-picture,
#bayan-page.bayan-ar .film-dialog video { direction: ltr; }
#bayan-page.bayan-ar .film-caption { text-align: right; }
#bayan-page.bayan-ar .film-caption>span:first-child { font-size: 24px; max-width: 470px; }
#bayan-page.bayan-ar .film-caption i { margin-inline-start: 14px; margin-inline-end: 0; }
#bayan-page.bayan-ar .film-language-note { color: var(--muted); font-size: 14px; margin-top: 12px; }
#bayan-page.bayan-ar .film-dialog { text-align: right; }
#bayan-page.bayan-ar .film-dialog h2 { font-size: 20px; }
#bayan-page.bayan-ar .film-dialog p { font-size: 15px; }
#bayan-page.bayan-ar .film-dialog video::cue { font-family: 'IBM Plex Sans Arabic',sans-serif; font-size: clamp(14px,1.6vw,24px); }
#bayan-page.bayan-ar .context-sources span:nth-child(2) { transform: translateX(-12px); }
#bayan-page.bayan-ar .context-outcomes span:nth-child(2) { transform: translateX(12px); }
#bayan-page.bayan-ar .context-sources span,
#bayan-page.bayan-ar .context-outcomes span { font-size: 17px; }
#bayan-page.bayan-ar .context-brand>span { font-size: 15px; }
#bayan-page.bayan-ar .principle-icon.arabic { text-align: right; }
#bayan-page.bayan-ar .principles h3 { font-size: 24px; }
#bayan-page.bayan-ar .principles p,
#bayan-page.bayan-ar .control-grid>div>p:not(.eyebrow) { font-size: 18px; }
#bayan-page.bayan-ar .permission-tick { margin-left: 0; margin-right: auto; }
#bayan-page.bayan-ar .permission-person div>span { font-size: 14px; }
#bayan-page.bayan-ar .permission-branches span { padding-inline: 14px; white-space: nowrap; }
#bayan-page.bayan-ar .faq summary { font-size: 20px; }
#bayan-page.bayan-ar .faq details p { font-size: 18px; padding-right: 0; padding-left: 20px; }
#bayan-page.bayan-ar .closing { text-align: center; }
#bayan-page.bayan-ar .closing h2 { font-size: clamp(42px,4.5vw,68px); line-height: 1.45; }
#bayan-page.bayan-ar .skip-link { left: auto; right: 8px; }
@media (max-width:1100px) {
  #bayan-page.bayan-ar .workflow-tabs button { font-size: 16px; padding-inline: 10px; gap: 10px; }
  #bayan-page.bayan-ar .announcement-node { font-size: 18px; }
  #bayan-page.bayan-ar .announcement-hr { font-size: 16px; gap: 7px; }
}
@media (min-width:801px) and (max-height:950px) {
  #bayan-page.bayan-ar .workflows-section .section-heading h2 { font-size: 39px; }
}
@media (min-width:801px) and (max-height:800px) {
  #bayan-page.bayan-ar .hero-cinematic h1 { font-size: clamp(45px,7.1vh,60px); line-height: 1.3; }
  #bayan-page.bayan-ar .hero-description { font-size: 18px; }
  #bayan-page.bayan-ar .hero-cinematic .eyebrow { margin-bottom: 16px; }
  #bayan-page.bayan-ar .announcement-hr { font-size: 16px; gap: 7px; }
}
@media (max-width:760px) {
  #bayan-page.bayan-ar { --hero-header: 80px; }
  #bayan-page.bayan-ar .hero-cinematic h1 { font-size: clamp(36px,8.1vw,53px); line-height: 1.4; }
  #bayan-page.bayan-ar .hero-cinematic .eyebrow { font-size: 12px; max-width: 320px; }
  #bayan-page.bayan-ar .hero-description { font-size: 18px; }
  #bayan-page.bayan-ar .hero-actions .button { font-size: 16px; }
  #bayan-page.bayan-ar .hero-sovereignty strong { font-size: 14px; }
  #bayan-page.bayan-ar .hero-sovereignty span>span { font-size: 14px; }
  #bayan-page.bayan-ar .announcement-node { font-size: 16px; gap: 6px; }
  #bayan-page.bayan-ar .announcement-hr { font-size: 14px; line-height: 1.3; }
  #bayan-page.bayan-ar .announcement-hr>span { max-width: 65px; white-space: normal; }
  #bayan-page.bayan-ar .announcement-hr svg { width: 19px; height: 19px; }
  #bayan-page.bayan-ar .announcement-context { font-size: 13px; }
  #bayan-page.bayan-ar .eyebrow { font-size: 12px; }
  #bayan-page.bayan-ar h2 { font-size: 36px; }
  #bayan-page.bayan-ar .section-heading>p,
  #bayan-page.bayan-ar .workflow-copy>p:not(.eyebrow),
  #bayan-page.bayan-ar .notes-story-copy>p:not(.eyebrow),
  #bayan-page.bayan-ar .notes-ai-copy>p:not(.eyebrow) { font-size: 18px; }
  #bayan-page.bayan-ar .workflow-tabs button { font-size: 16px; padding-inline: 14px; }
  #bayan-page.bayan-ar .workflow-tabs button>span { font-size: 14px; }
  #bayan-page.bayan-ar .step-list,
  #bayan-page.bayan-ar .notes-actions { font-size: 17px; }
  #bayan-page.bayan-ar .step-list span,
  #bayan-page.bayan-ar .notes-actions li>span { font-size: 14px; }
  #bayan-page.bayan-ar .notes-ai-copy .notes-prompt p { font-size: 18px; }
  #bayan-page.bayan-ar .context-sources span:nth-child(2),
  #bayan-page.bayan-ar .context-outcomes span:nth-child(2) { transform: none; }
  #bayan-page.bayan-ar .context-sources span,
  #bayan-page.bayan-ar .context-outcomes span { font-size: 13px; }
  #bayan-page.bayan-ar .context-sources,
  #bayan-page.bayan-ar .context-outcomes { flex-wrap: wrap; }
  #bayan-page.bayan-ar .principles h3 { font-size: 21px; }
  #bayan-page.bayan-ar .principles p { font-size: 17px; }
  #bayan-page.bayan-ar .film-caption>span:first-child { font-size: 16px; max-width: 210px; }
  #bayan-page.bayan-ar .film-dialog h2 { font-size: 16px; }
  #bayan-page.bayan-ar .film-language-note { font-size: 13px; }
  #bayan-page.bayan-ar .faq summary { font-size: 18px; }
  #bayan-page.bayan-ar .faq details p { font-size: 17px; }
  #bayan-page.bayan-ar .closing h2 { font-size: 44px; }
  #bayan-page.bayan-ar .closing .button { font-size: 17px; }
}