/* Optional full-page Studio treatment. Import ./css/page only for a
   dedicated Studio page with class="studio-root" on html. */
html.studio-root{scroll-behavior:smooth;overflow-x:clip;font-size:calc(100% * var(--studio-text-scale, 1))}
/* Page scrolls land at once when Motion is off or the system asks for reduced motion. */
html.studio-root[data-motion=off]{scroll-behavior:auto}
@media (prefers-reduced-motion: reduce){html.studio-root{scroll-behavior:auto}}
html.studio-root::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:var(--studio-grid-image);
  background-size:var(--studio-grid-size) 100%;
  background-repeat:repeat-x;
  background-position:var(--studio-grid-pos)
}
html.studio-root body{
  position:relative;
  z-index:var(--studio-z-raised);
  overflow-x:clip;
  background-color:transparent
}