/* Scroll motion transforms existing events; chapter buttons remain navigation. */
@media(min-width:901px) and (prefers-reduced-motion:no-preference) {
  .scroll-story::after { content:""; position:absolute; inset-inline-start:0; bottom:0; height:3px; width:100%; background:#166347; transform:scaleX(var(--story-progress,0)); transform-origin:left; pointer-events:none; }
  html[dir=rtl] .scroll-story::after { transform-origin:right; }
  .scroll-story :is(#team-note,#reply,#closure,.incoming) { animation:none; transition:none; transform:translate(var(--event-x,0px),var(--event-y,0px)); opacity:var(--event-opacity,1); }
  .owner-row { position:relative; }
  .scroll-story.assignment-flight .tiny-avatar { visibility:hidden; }
  .scroll-story.assignment-flight .assignment-token { display:grid; place-items:center; position:absolute; left:0; top:0; width:24px; height:24px; border-radius:50%; background:#dbe6ec; color:#17372f; box-shadow:0 3px 8px #17372f25; font-size:13px; pointer-events:none; will-change:transform; }
}
.assignment-token { display:none; pointer-events:none; }
@media(min-width:901px) { body.has-report-bot .rb-toggle { inset-inline-end:10px; } }
/* Focused V3 revision: reading sizes, connected decisions and arrival staging. */
:root { --micro:12px; }
html { overflow-anchor:none; }
html[lang=ar] { --micro:13px; }
.scene-wrap :is(.channel,.queue>p,.queue-filter,.queue-person strong,.queue-person small,.queue-count,.customer small,.customer-status,.owner-row,.owner-row #assign,.date-line,.bubble time,.bubble>span,.team-note>div,.team-note time,.team-note small,.composer,.decision-panel>p,.decision-panel #branch-explanation,.closure strong,.closure small,.closure time,.scene-bottom,.scene-bottom button,.scene-nav button,.scene-nav button>span:first-child,.scene-topline,.mobile-next span) { font-size:var(--micro); }
.scene-wrap :is(.bubble,.team-note),.product-scene[data-state="3"] :is(.bubble,.team-note),.product-scene[data-state="4"] .outgoing { font-size:14px; line-height:1.7; }
.date-line,.bubble time,.bubble>span,.customer-status { color:#4c5c52; }
.team-note>div,.team-note small { color:#64501c; }
.team-note small,.product-scene[data-state="3"] .team-note small { display:block; }
.product-scene[data-state="4"] .team-note { display:block; }
.product-scene[data-state="4"] .closure { margin-top:0; }
.product-layout { height:560px; }
.conversation { min-height:0; }
.customer { min-height:76px; height:auto; flex-shrink:0; }
.customer-status { max-width:125px; }
.owner-row { height:auto; min-height:52px; flex-shrink:0; gap:10px; }
.owner-row #assign,.scene-bottom button,.branch-buttons button { min-height:44px; min-width:44px; }
.owner-row #owner-name { flex-wrap:wrap; justify-content:flex-end; }
.scene-bottom { align-items:center; line-height:1.7; }
.scene-bottom>span { max-width:60%; }
.scene-bottom button { white-space:normal; text-align:end; }
.scene-nav button { min-width:44px; min-height:64px; }
.scene-nav button>span { line-height:1.5; }
.scene-topline { letter-spacing:.3px; }
.decision-panel { padding-top:12px; flex-shrink:0; background:#f3f5ed; border-top:1px solid #d1dacb; }
.decision-panel .scenario-label { color:#17372f; font-weight:650; margin:0 0 10px; }
.decision-panel #branch-explanation { color:#40554a; }
.decision-panel>p { line-height:1.7; }
.branch-buttons { border:1px solid #bccbb5; }
.branch-buttons button { padding:8px 10px; }
.fine,.scroll-note,.edition,.trial-details p,.plan p,.plan a,.plan .amount small,footer>span,footer>div,.cycle button,.eyebrow,.interaction-hint,.plan-note { font-size:var(--micro); }
footer a { display:inline-flex; align-items:center; min-height:44px; min-width:44px; }
.plan a { min-height:44px; }
.brand small { font-size:12px; }
html[lang=ar] :is(h1,h2,h1 em,h2 em) { letter-spacing:0; }
html[lang=ar] h1 { font-size:clamp(42px,3.9vw,60px); line-height:1.45; }
html[lang=ar] h1 em { font-family:'Noto Naskh Arabic',serif; font-size:clamp(52px,5.2vw,80px); line-height:1.25; font-weight:400; margin-inline-start:28px; margin-top:8px; padding-bottom:18px; border-bottom:1px solid #a4b9a5; }
html[lang=ar] .intro-copy .lead { max-width:390px; font-size:18px; line-height:1.9; }
html[lang=ar] .eyebrow { letter-spacing:0; }
.intro-cue { height:0; overflow:hidden; background:#e3edd9; color:#17372f; font-size:var(--micro); }
.product-scene { position:relative; }
@media(min-width:901px) { .story-copy { padding-bottom:120px; } }
@media(min-width:901px) and (max-width:1100px) {
  .journey { grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:25px; padding-inline:24px; }
  .scene-wrap { top:100px; }
  .product-layout { height:650px; }
  .customer { flex-wrap:wrap; }
  .customer-status { max-width:none; }
  .scene-nav { gap:2px; }
  .scene-nav button { font-size:var(--micro); padding-inline:1px; }
  .chapter { min-height:800px; }
  html[lang=ar] h1 { font-size:38px; }
  html[lang=ar] h1 em { font-size:52px; margin-inline-start:0; }
}
@media(max-width:900px) {
  .journey { max-width:700px; }
  .edition { font-size:var(--micro); letter-spacing:0; }
  .chapter { padding-top:24px; }
  html[lang=ar] h1 { font-size:40px; line-height:1.45; }
  html[lang=ar] h1 em { font-size:56px; line-height:1.3; margin-inline-start:22px; padding-bottom:12px; }
  html[lang=ar] .intro-copy .lead { font-size:16px; line-height:1.9; }
  .lead { font-size:16px; }
  .product-layout { height:auto; }
  .customer { min-height:82px; padding:12px; flex-wrap:wrap; }
  .customer-status { max-width:none; }
  .messages { overflow:visible; min-height:240px; padding:16px 12px; }
  .product-scene[data-state="3"] .messages { padding:16px 12px; gap:12px; }
  .product-scene[data-state="3"] .customer { order:0; }
  .product-scene[data-state="3"] .owner-row { order:1; }
  .product-scene[data-state="3"] .decision-panel { order:2; }
  .product-scene[data-state="3"] .messages { order:3; }
  .decision-panel { scroll-margin-top:18px; padding:16px 12px; }
  .decision-panel .scenario-label { font-size:14px; }
  .branch-buttons button { font-size:var(--micro); }
  .scene-bottom { flex-wrap:wrap; gap:4px; }
  .scene-bottom>span { max-width:none; width:100%; }
  .scene-bottom button { max-width:none; min-height:44px; padding:8px 0; }
  .scene-nav { gap:3px; }
  .scene-nav button { padding:8px 1px; min-height:76px; }
  .scene-nav button>span:first-child { font-size:12px; }
  .mobile-next button { font-size:var(--micro); }
  .plan p { min-height:70px; }
  .plans-section>.text-link { font-size:var(--micro); }
  footer>div { flex-wrap:wrap; gap:10px 22px; justify-content:start; }
  .intro-playing .intro-cue { bottom:80px; min-height:46px; }
}
@media(prefers-reduced-motion:reduce) {
  .intro-playing .intro-cue { display:none; }
  .intro-playing * { animation:none!important; opacity:1; transform:none; }
}