/* Eva diary v17.1 — only the music / family album / videos transition.
   Load AFTER diary-v5.css and home-v17.css. Existing images are reused.
   The original 1214 × 1295 linen sheet must never fill the whole tall chapter.
   CSS slicing keeps the original material and palette. Only the middle tiles;
   the source's top, bottom and side regions retain their natural scale. */
@media (max-width: 700px) {
  .listening-chapters {
    padding-bottom: 0;
    background: none;
  }

  .listening-chapters::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-style: solid;
    border-color: transparent;
    border-width: 70.016474vw 1.317957vw 12.767710vw;
    border-image-source: url('../assets/perf/linen-stage-mobile-v1.webp');
    border-image-slice: 850 16 155 16 fill;
    border-image-width: 70.016474vw 1.317957vw 12.767710vw;
    border-image-repeat: stretch round;
  }

  .listening-chapters > .linen-stage {
    display: none;
  }

  .music-scene .music-service-note { padding-bottom: 22px; }

  .story-scene {
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 18px;
  }

  .story-scene .album-spread {
    width: calc(100% + 32px);
    margin: 20px -16px 0;
  }

  .plum-chapters { margin-top: 0; padding-top: 0; }
  .plum-chapters > .videos-scene { margin-top: 0; padding-top: 22px; }
}