/* Per-screen copy for the product journey; scoped to .pj-scene-copy so the default render is unchanged. */
.pj-copy-stack,.pj-benefits-stack{display:grid}
.pj-copy-stack>*,.pj-benefits-stack>*{grid-area:1/1}
.pj-copy-stack>:not([data-active]),.pj-benefits-stack>:not([data-active]){visibility:hidden}
.pj-scene-copy .pj-scroll-navigation{margin-bottom:32px}
.pj-scene-copy .pj-copy-stack{margin:0 auto 40px;max-width:720px}
.pj-scene-copy .pj-copy-stack>.pj-chapter-copy{margin:0;max-width:none;animation:none}
.pj-scene-copy .pj-copy-stack h2{margin:0}
.pj-scene-copy .pj-copy-stack p{margin-top:16px}
.pj-scene-copy .pj-benefits-stack{margin:24px auto 0;max-width:920px}
.pj-scene-copy .pj-benefits-stack>.pj-chapter-benefits{margin:0;gap:24px;max-width:none}
.pj-scene-copy .pj-frame-header,.pj-scene-copy .pj-frame-footer{padding:8px 16px;gap:16px}
.pj-scene-copy .pj-frame-signal .pj-source-scene{padding:32px;justify-content:center}
.pj-scene-copy .pj-frame-signal .pj-source-tile{min-height:64px}
.pj-scene-copy .pj-frame-signal .pj-source-tile:last-child{min-height:40px}
/* Pinned mockup keeps 5:3 and is 5:3 on tall windows and takes the height measured as free under the copy (--pj-frame-h, set by useScrollJourney). */
.pj-scene-copy[data-layout=pinned] .pj-compact-frame{width:min(920px,100%);height:var(--pj-frame-h,552px);aspect-ratio:auto}
.pj-scene-copy .pj-frame-signal .pj-source-grid{gap:24px 16px}
.pj-scene-copy .pj-frame-signal .pj-source-summary{margin-top:24px}
@media(max-width:1100px){.pj-scene-copy .pj-copy-stack{margin-bottom:32px}}
@media(max-width:680px){
.pj-scene-copy .pj-scroll-navigation{margin-bottom:24px}
.pj-scene-copy .pj-copy-stack{margin-bottom:24px}
.pj-scene-copy .pj-benefits-stack>.pj-chapter-benefits{gap:8px}
.pj-scene-copy .pj-frame-signal .pj-source-scene{padding:24px}
.pj-scene-copy .pj-frame-signal .pj-source-grid{gap:8px}
}
/* Wider outer Lab columns keep the unclassified quote and assistant from overflowing the pinned mockup. */
.pj-scene-copy[data-layout=pinned] .pj-lab-board{grid-template-columns:200px minmax(0,1fr) 200px}
/* Height-driven compact pinned mode: the whole stage stays inside the window from 680px high. */
@media(min-width:860px) and (max-height:850px){
.pj-scene-copy[data-layout=pinned] .pj-scroll-pin{padding-block:16px}
.pj-scene-copy[data-layout=pinned] .pj-scroll-navigation{margin-bottom:24px}
.pj-scene-copy[data-layout=pinned] .pj-copy-stack{margin-bottom:24px}
.pj-scene-copy[data-layout=pinned] .pj-copy-stack p{margin-top:8px}
.pj-scene-copy[data-layout=pinned] .pj-benefits-stack{margin-top:16px}
}
@media(min-width:860px) and (max-height:800px){
.pj-scene-copy[data-layout=pinned] .pj-benefits-stack{display:none}
}
@media(min-width:860px) and (max-height:760px){
.pj-scene-copy[data-layout=pinned] .pj-scroll-pin{padding-block:8px}
.pj-scene-copy[data-layout=pinned] .pj-scroll-navigation{margin-bottom:16px}
.pj-scene-copy[data-layout=pinned] .pj-copy-stack{margin-bottom:16px}
}
@media(min-width:860px) and (max-height:900px){
.pj-scene-copy[data-layout=pinned] .pj-taxonomy-column>header,.pj-scene-copy[data-layout=pinned] .pj-impact-board .pj-taxonomy-column>header{min-height:86px;padding:12px 8px 10px}
.pj-scene-copy[data-layout=pinned] .pj-taxonomy-row{min-height:72px;padding:8px 5px}
.pj-scene-copy[data-layout=pinned] .pj-topic-impact{padding:15px 13px}.pj-scene-copy[data-layout=pinned] .pj-topic-impact>header{padding-bottom:12px}.pj-scene-copy[data-layout=pinned] .pj-topic-impact .pj-ring{width:40px;height:40px}.pj-scene-copy[data-layout=pinned] .pj-topic-metrics{padding-block:13px;gap:13px}.pj-scene-copy[data-layout=pinned] .pj-topic-financial{padding-top:12px}
}
@media(min-width:860px) and (max-height:760px){
.pj-scene-copy[data-layout=pinned] .pj-frame-signal .pj-source-scene{padding:16px 24px}
.pj-scene-copy[data-layout=pinned] .pj-frame-signal .pj-source-grid{gap:16px}
.pj-scene-copy[data-layout=pinned] .pj-frame-signal .pj-source-tile{min-height:56px}
.pj-scene-copy[data-layout=pinned] .pj-frame-signal .pj-source-summary{margin-top:16px}
}