/* Approved project-specific decoration. Background-only: no layout or content rules. */
#project-one { --project-ornament: url('/project-one-ornament.webp'); }
#project-two { --project-ornament: url('/project-two-ornament.webp'); }
#project-three { --project-ornament: url('/project-three-ornament.webp'); }

#project-two.reading-project.exact-book {
  background: #b2caff url('/project-two-sky.webp') center / cover no-repeat;
}
#project-three.reading-project.exact-book {
  background: #bff2dc url('/project-three-garden.webp') center / cover no-repeat;
}

/* A decoration-only layer retained with the paper during tab/page changes.
   Existing grid items receive stacking levels only; geometry is untouched. */
.reading-project.exact-book .project-paper-art {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  clip-path: inset(2% 9% 3% 7%);
}
.reading-project.exact-book .book-paper > .book-heading,
.reading-project.exact-book .book-paper > .book-scroll,
.reading-project.exact-book .book-paper > footer { z-index: 1; }
.reading-project.exact-book .project-paper-art::before,
.reading-project.exact-book .project-paper-art::after {
  content: '';
  position: absolute;
  z-index: 0;
  pointer-events: none;
  background-image: var(--project-ornament);
  background-repeat: no-repeat;
  background-size: contain;
  animation: none;
  transition: none;
}
.reading-project.exact-book .project-paper-art::before {
  top: 5%;
  right: 10%;
  width: 46%;
  height: 30%;
  background-position: right top;
  opacity: .27;
}
.reading-project.exact-book .project-paper-art::after {
  left: 7%;
  bottom: 7%;
  width: 24%;
  height: 17%;
  background-position: left bottom;
  transform: rotate(180deg);
  opacity: .14;
}
@media (max-width: 700px) {
  .reading-project.exact-book .project-paper-art::before {
    width: 54%;
    right: 9%;
    opacity: .18;
  }
  .reading-project.exact-book .project-paper-art::after { opacity: .09; }
}