/* Detail pages: give real product captures enough space to explain the UI. */
/* Natural screenshot framing replaces zoomed image translations. */
.detail-screenshot{width:100%;min-width:0;overflow:hidden;border:1px solid #dcdcd7;border-radius:8px;background:#fff}
.detail-screenshot img{display:block;position:static;width:100%;max-width:100%;height:auto;object-fit:contain}
.detail-table-screenshot{aspect-ratio:1920/620}
.detail-workspace#workspace .composition-pages,.detail-workspace#workspace .composition-planning{grid-template-columns:minmax(0,1fr);align-items:start}
.detail-workspace#workspace .feature-detail-stack,.detail-workspace#workspace .feature-budget-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.detail-workspace#workspace .scene-properties,.detail-workspace#workspace .scene-webclip{width:100%;max-width:none}
.detail-workspace#workspace .scene-event{width:100%;max-width:960px;justify-self:center}
.detail-canvas-overview,.detail-canvas-tools,.detail-collaboration-recording{grid-template-columns:minmax(0,1fr);gap:32px}
.detail-canvas-overview>div:first-child,.detail-canvas-tools>div:first-child,.detail-collaboration-recording>div:first-child{display:grid;grid-template-columns:.85fr 1.15fr;column-gap:60px}
.detail-canvas-overview>div:first-child h2,.detail-canvas-tools>div:first-child h2,.detail-collaboration-recording>div:first-child h2{grid-row:span 2}
.detail-canvas-overview>div:first-child p,.detail-canvas-tools>div:first-child p,.detail-collaboration-recording>div:first-child p{max-width:620px;margin-top:0}
.detail-canvas-overview>div:first-child p+p,.detail-canvas-tools>div:first-child p+p,.detail-collaboration-recording>div:first-child p+p{margin-top:16px}
.detail-canvas-overview .overview-shot,.detail-canvas-tools .overview-shot{width:100%;max-width:1100px;justify-self:center}
.detail-collaboration-recording .recording-card{width:100%;max-width:100%;margin:0}
.detail-collaboration-recording .recording-mat{padding:0}
@media(max-width:900px){
 .detail-canvas-overview>div:first-child,.detail-canvas-tools>div:first-child,.detail-collaboration-recording>div:first-child{display:block}
 .detail-canvas-overview>div:first-child p,.detail-canvas-tools>div:first-child p,.detail-collaboration-recording>div:first-child p{margin-top:18px}
}
@media(max-width:600px){
 .detail-workspace#workspace .feature-detail-stack,.detail-workspace#workspace .feature-budget-pair{grid-template-columns:minmax(0,1fr);gap:20px}
}

/* Detail screenshots stand on the page without an extra group frame. */
.detail-workspace#workspace .feature-composition{padding:0;border:0;background:transparent;border-radius:0}