/* Shared presentation and motion hooks. JS owns short, interruptible transitions. */
:root{--motion-ease:cubic-bezier(.22,.7,.25,1)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scene-controls{display:flex;align-items:center;gap:16px;padding:18px 24px;border-top:1px solid var(--line);color:#364e65;background:#f7f9fc}
.scene-play,.scene-arrows button,.brain-ask{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid #bdcbe0;border-radius:4px;background:#e9eefb;color:#304da5;font:600 14px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding:10px 14px;white-space:nowrap}
.scene-play{min-width:104px;background:#304fba;color:white;border-color:#304fba}
.scene-play:hover{background:#233f9e}.scene-arrows button:hover,.brain-ask:hover{background:#dbe5fb}
.scene-arrows{display:flex;gap:6px;margin-left:auto}.scene-arrows button{width:44px;min-width:44px;padding:10px;background:white}.scene-arrows .icon{width:17px;height:17px}
.scene-arrows button:disabled{opacity:.35;cursor:default}.scene-play:disabled{opacity:.55}
.play-symbol{width:12px;height:12px;position:relative;flex-shrink:0}.play-symbol:before{content:'';display:block;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:2px}
.is-playing .play-symbol:before{border:0;width:10px;height:12px;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65%);margin-left:1px}
.scene-position{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;gap:7px 8px;align-items:center}.scene-count{font:12px var(--mono);color:#6e809a;white-space:nowrap}.scene-label{font-size:14px;line-height:1.5}.scene-progress{grid-column:1/-1;height:2px;background:#dbe3ee;overflow:hidden}.scene-progress>span{display:block;height:100%;background:#4563c4;transform:scaleX(var(--progress,0));transform-origin:left}
.scene-label{display:grid;min-width:0}.scene-label>span{grid-area:1/1;align-self:center}.scene-label>span[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.product-stage>.scene-controls{padding-inline:28px;background:#fff}

/* Overlapping panels keep the document and tabs steady. Hidden content stays
   inaccessible; .motion-leaving briefly preserves only its painted surface. */
.result-panels,.brain-content{display:grid;position:relative}
.result-panels>.result-document,.brain-content>article{grid-area:1/1;min-width:0}
.result-panels>.result-document[hidden],.brain-content>article[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.result-panels>.result-document.motion-leaving[hidden],.brain-content>article.motion-leaving[hidden]{visibility:visible!important;pointer-events:none}
.brain-scene-pages{position:relative}
.brain-scene-pages>.brain-browser-body.motion-leaving[hidden]{display:grid!important}
.brain-scene-pages>.brain-conversation.motion-leaving[hidden]{display:block!important}
.brain-scene-pages>.motion-leaving[hidden]{position:absolute;inset:0 0 auto;visibility:visible!important;pointer-events:none;z-index:1}
.motion-resizing{overflow:clip}

.masked-pane{position:relative}.masked-copy{display:flex;flex-direction:column;height:100%}.masked-copy>p{font-size:17px;line-height:1.85;overflow-wrap:anywhere}.masked-copy>p+p{margin-top:17px}
.privacy-switch{display:flex;gap:6px;margin-bottom:14px}.privacy-switch button{font-size:14px;line-height:1.4;min-height:44px;padding:10px 13px;border:1px solid #c3cee0;background:#fff;color:#536880}.privacy-switch button[aria-pressed=true]{background:#e2eafa;color:#304eaa;border-color:#6d85c0}
.privacy-comparison.preview-ready .privacy-pane.motion-leaving[hidden]{visibility:visible!important;pointer-events:none}

.brain-conversation{padding:24px}.conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font:12px/1.6 var(--mono);color:#557562}.conversation-heading>span:first-child{display:flex;align-items:center;gap:8px}.conversation-heading .icon{width:20px;height:20px}.conversation-heading>span:last-child{font:12px/1.6 -apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap}
.conversation-question{margin-top:20px;padding:14px 17px;background:#f0f4f7;border:1px solid #d5dfe6;border-radius:4px 13px 4px 4px}.conversation-question>span{font:12px var(--mono);color:#738796}.conversation-question>p{font-size:16px;line-height:1.6;margin-top:6px}
.conversation-answer{position:relative;padding-top:23px}.conversation-author{display:flex;align-items:center;gap:8px;font:12px var(--mono);color:#61748a}.conversation-author>svg{width:19px;height:19px}.conversation-answer h3{font-size:26px;line-height:1.15;margin-top:13px;max-width:350px}.conversation-answer p{font-size:16px;line-height:1.7;color:#5c7180;margin-top:12px}.conversation-citation{display:flex;align-items:flex-start;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid #dce4eb;font-size:13px;line-height:1.6;color:#4c695d}.conversation-citation>.icon{width:17px;height:17px;margin-top:2px}.conversation-citation small{display:block;font-size:12px;color:#71857a;margin-top:3px}
.conversation-receipt{display:flex;align-items:center;gap:8px;padding:13px 14px;margin-top:22px;background:#edf4ef;border:1px solid #c9ddce;border-radius:4px;color:#456958;font-size:13px;line-height:1.5}.conversation-receipt>.icon{height:17px;width:17px;flex-shrink:0}
.brain-ask{margin-top:22px}.brain-ask>.icon{height:16px;width:16px}

@media(prefers-reduced-motion:no-preference){
 .result-tabs button,.brain-picker button,.privacy-switch button,.scene-play,.scene-arrows button,.brain-ask,.brain-back{transition:background-color 180ms var(--motion-ease),border-color 180ms var(--motion-ease),color 180ms var(--motion-ease),box-shadow 180ms var(--motion-ease)}
 .source-details>summary,.brain-stage .mini-tile{transition:color 220ms var(--motion-ease),background-color 220ms var(--motion-ease),border-color 220ms var(--motion-ease),transform 280ms var(--motion-ease)}
 .model-letter{transition:background-color 200ms var(--motion-ease),color 200ms var(--motion-ease),border-color 200ms var(--motion-ease)}
}
@media(prefers-reduced-motion:reduce){.product-stage *,.product-stage *:before,.model-scene *,.brain-browser *,.privacy-comparison *{animation:none!important;transition:none!important}html{scroll-behavior:auto!important}}
@media(max-width:1150px){.scene-controls{gap:10px;padding:16px}.scene-label{font-size:13px}.scene-play{min-width:92px;padding-inline:11px}.scene-arrows{gap:4px}.masked-copy>p{font-size:16px}}
@media(max-width:850px){.scene-label{font-size:14px}.masked-copy>p{font-size:18px}}
@media(max-width:560px){
 .scene-controls{flex-wrap:wrap;gap:13px;padding:17px}.scene-position{order:-1;flex-basis:100%;gap:8px}.scene-label{font-size:14px}.scene-play{min-width:104px}.scene-arrows{margin-left:auto}.product-stage>.scene-controls{padding-inline:18px}
 .masked-copy>p{font-size:17px}.brain-scene-pages>.brain-browser-body.motion-leaving[hidden]{display:block!important}.brain-conversation{padding:22px 20px}.conversation-heading{flex-wrap:wrap;gap:8px}.conversation-question{padding:14px}.conversation-answer h3{font-size:26px}.conversation-answer p{font-size:16px}.conversation-citation{font-size:13px}.conversation-receipt{padding:12px 10px;font-size:13px}.brain-content>article{align-self:start}
}