/* Only the host frame layout differs from the Studio page. */
html{height:auto;min-height:0;overflow:hidden;scroll-padding-top:0}
body.studio-embed{height:auto;min-height:0;margin:0;background:#fff;overflow:hidden}
.studio-embed .wrap.demo-section{width:100%;max-width:none;margin:0;padding:0}
.studio-embed .interactive-tour{display:block}
.studio-embed noscript p{margin:0;padding:12px 20px}

/* Frame orientation must not shrink the review panes on desktop. */
.studio-embed .demo-draft,.studio-embed .demo-comments{height:1160px}
@media(max-width:760px){.studio-embed .demo-draft,.studio-embed .demo-comments{height:1040px}}

/* Match the homepage introduction gutter without changing Studio. */
.studio-embed #review-workspace>.review-toolbar{padding-inline:28px;}
@media(max-width:760px){.studio-embed #review-workspace>.review-toolbar{padding-inline:20px;}}

/* Retain the existing stacked infobox on portrait phones after removing host gutters. */
@media(max-width:600px) and (orientation:portrait){
 .studio-embed #review-workspace:not(.demo-landscape) .demo-facts{float:none;width:100%;margin:0 0 24px;}
 .studio-embed #review-workspace:not(.demo-landscape) .demo-facts :is(img,svg.demo-wordmark){width:180px;}
 .studio-embed #review-workspace:not(.demo-landscape) .demo-facts dl{grid-template-columns:82px minmax(0,1fr);}
}