/* Decorative site atmosphere. Adjust opacity here; heroes and opaque panels cover it. */
:root {
  --atmosphere-image: url('./images/site-atmosphere-1600.jpg');
  --atmosphere-opacity: 0.9;
}
body {
  position: relative;
  isolation: isolate;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: var(--atmosphere-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: var(--atmosphere-opacity);
}
/* Let the continuous page layer show through instead of masking it with .feature's panel. */
#consistency {
  background: transparent;
}
/* Extend the atmosphere through the shared footer without altering its text or controls. */
.site-footer {
  background-color: #1e1b33;
  background-image:
    linear-gradient(rgba(30, 27, 51, 0.88), rgba(30, 27, 51, 0.88)),
    var(--atmosphere-image);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* Preserve the internal example's light paper and report presentation. */
.report-preview-page {
  --atmosphere-opacity: 0.035;
}
@media (max-width: 760px) {
  :root {
    --atmosphere-image: url('./images/site-atmosphere-800.jpg');
  }
}
@media print {
  body::before {
    display: none;
  }
  #consistency,
  .site-footer {
    background-image: none;
  }
}