@media screen {
  .page::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    box-shadow: inset 0 0 24px rgba(98, 87, 65, 0.035);
  }

  .spread {
    display: flex;
    gap: 0;
    align-items: stretch;
    box-shadow: var(--shadow-screen);
  }

  .spread .page {
    box-shadow: none;
  }

  .spread .page--left {
    border-right: 1px solid #d8d4cb;
  }

  .spread .page--right {
    border-left: 1px solid #efede7;
  }
}