/* Presentation boundary only. The actual #product markup, app, renderer and
   visual-system styles are the same files used by the standalone homepage. */
:root[data-embed='product'] { scroll-behavior:auto; scroll-padding-top:0; }
:root[data-embed='product'] body { margin:0; }
:root[data-embed='product'] body > .skip,
:root[data-embed='product'] body > header,
:root[data-embed='product'] body > footer,
:root[data-embed='product'] main > :not(#product) { display:none!important; }
:root[data-embed='product'] #product { max-width:none; width:100%; padding:20px 0 0; margin:0; }
:root[data-embed='product'] #product .frame { box-shadow:none; }
:root[data-embed='product'] #product .frame-caption { padding:0 20px 18px; }
:root[data-embed='product'] #product .style-choice { padding:0 20px; }
/* Scott 1789764920: the interactive product reads taller in the proposal.
   Frame rows grow at desktop only; the standalone homepage is unchanged. */
@media (min-width:981px) {
  :root[data-embed='product'] #product .frame { grid-template-rows:minmax(700px,auto) auto; }
  :root[data-embed='product'] #product .object { min-height:440px; }
}