/* The review canvas stays bounded; the website preview follows the real viewport. */
.site-preview #canvas:not([data-layout-owner="shared"]),.site-preview #canvas.phone:not([data-layout-owner="shared"]){width:100%;max-width:2560px}
.site-preview #canvas:not([data-layout-owner="shared"]){--page-gutter:clamp(20px,4vw,120px)}
.site-preview #canvas .inner:not([data-layout-owner="shared"]){padding-inline:var(--page-gutter)}
.site-preview #canvas .site-header:not([data-layout-owner="shared"]),.site-preview #canvas .foot:not([data-layout-owner="shared"]){padding-inline:var(--page-gutter)}
.site-preview #canvas.phone:not([data-layout-owner="shared"]){--page-gutter:20px}
.site-preview #articleDetail .reading-layout:not([data-layout-owner="shared"]){width:100%;max-width:1180px;margin-inline:auto}
.site-preview #articleDetail .article-breadcrumb:not([data-layout-owner="shared"]){max-width:1180px;margin-inline:auto}
.site-preview #caseContent>section>p:not([data-layout-owner="shared"]){max-width:900px}
@media(min-width:651px){
 .site-preview #homeIntro h1:not([data-layout-owner="shared"]){font-size:clamp(34px,2.5vw,56px)}
 .site-preview #homeIntro .home-value:not([data-layout-owner="shared"]){max-width:900px;font-size:clamp(19px,1.05vw,23px)}
 .site-preview .sectionhead h2:not([data-layout-owner="shared"]){font-size:clamp(26px,1.65vw,36px)}
 .site-preview .site-header nav a:not([data-layout-owner="shared"]){font-size:clamp(14px,.9vw,18px)}
}