/* Shared, low contrast canvas behind every layout using the common master. */
html.light-style {
  min-height: 100%;
  background: #f8fafc;
}

html.light-style body {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  background-color: #f8fafc !important;
  background-image: url('/img/front-pages/backgrounds/meshkat-desktop-canvas.svg?v=20261010-geometric-v3') !important;
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 100% auto;
}

/* Theme wrappers otherwise paint an opaque white sheet over the shared canvas. */
html.light-style body > .layout-wrapper,
html.light-style .layout-wrapper,
html.light-style .layout-container,
html.light-style .layout-page,
html.light-style .content-wrapper {
  background-color: transparent !important;
  background-image: none !important;
}

@media (max-width: 1279.98px) {
  html.light-style body {
    background-image: url('/img/front-pages/backgrounds/meshkat-tablet-canvas.svg?v=20261010-geometric-v3') !important;
    background-size: 100% auto;
  }
}

@media (max-width: 767.98px) {
  html.light-style body {
    background-image: url('/img/front-pages/backgrounds/meshkat-mobile-canvas.svg?v=20261010-geometric-v3') !important;
    background-size: 100% auto;
  }
}

.meshkat-site-backdrop {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .meshkat-site-backdrop [data-meshkat-bg-motion] {
    transform: none !important;
  }
}

@media print {
  .meshkat-site-backdrop {
    display: none;
  }
}