/* Decorative background only; tutorial layout and reading surfaces stay unchanged. */
@media screen {
  body {
    background-color: #edf2f5;
    background-image:
      repeating-linear-gradient(118deg,
        transparent 0, transparent 110px,
        rgba(255, 255, 255, .26) 110px,
        rgba(255, 255, 255, .26) 111px,
        transparent 111px, transparent 222px),
      linear-gradient(118deg,
        #d4e6f6 0%,
        #e9f2f6 27%,
        #f9eee8 55%,
        #e8edf8 78%,
        #d9eee5 100%);
    background-position: center top;
    background-size: auto, 100vw 100vh;
    background-repeat: repeat, no-repeat;
    background-attachment: fixed;
  }
}
@media screen and (max-width: 760px) {
  body {
    background-size: auto, 100% 1800px;
    background-attachment: scroll;
  }
}