/* Each edition uses the same palette and SVG illustration in every surface.
   These are the original library motifs, not a repeated generic leaf. */
[data-cover=sage]{--book-paper:#ead4b0;--book-ink:#795832}
[data-cover=cream]{--book-paper:#c99564;--book-ink:#fff0d6}
[data-cover=forest]{--book-paper:#194c3d;--book-ink:#d9bc8a}
[data-cover=blue]{--book-paper:#ddd1bd;--book-ink:#5f674b}
[data-cover=olive]{--book-paper:#777c51;--book-ink:#faf1d5}
[data-cover=paper]{--book-paper:#f0e3cc;--book-ink:#796047}
.book-cover[data-cover],.mini-cover[data-cover]{background:var(--book-paper);color:var(--book-ink)}
.resource-cover[data-cover]{background-color:var(--book-paper);color:var(--book-ink)}
.book-motif{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}

/* Library proportions and positioning are retained; SVGs scale as a unit. */
.cover-illustration{position:absolute;left:16px;bottom:37px;width:140px;height:140px;opacity:.55;transition:transform 1s var(--ease)}
.cover-illustration.motif-rings{width:133px;height:133px;left:19px;bottom:44px}
.cover-illustration.motif-steps{width:160px;height:148px;left:12px;bottom:34px}
.cover-illustration.motif-grid{width:155px;height:155px;left:9px;bottom:30px}
.cover-illustration.motif-week{width:148px;height:148px;left:8px;bottom:28px}
.cover-illustration.motif-clock{width:126px;height:126px;left:18px;bottom:44px}
.resource-card:hover .cover-illustration{transform:rotate(20deg)}

.book-stage .preview-motif{position:absolute;width:46%;aspect-ratio:1;left:27%;bottom:17%;opacity:.72}
.book-stage .display-book-ivory .preview-motif{width:53%;left:23.5%;bottom:16%}
.featured-book .mini-cover:after{border-radius:2px}
.featured-book .mini-cover .preview-motif{position:absolute;top:10%;left:14%;width:72%;aspect-ratio:1;opacity:.75}
.featured-book .mini-cover .book-motif{position:static;width:100%;height:100%;opacity:1}
.mini-cover[data-cover] .book-brand-logo,.book-cover[data-cover] .book-brand-logo{filter:none}
.mini-cover:is([data-cover=cream],[data-cover=forest],[data-cover=olive]) .book-brand-logo,
.book-cover:is([data-cover=cream],[data-cover=forest],[data-cover=olive]) .book-brand-logo{filter:brightness(0) invert(1)}

.reader-cover-motif{display:block;width:52%;height:auto;min-height:0;aspect-ratio:1;margin:18px auto;opacity:.58}
.reader-cover-back .reader-back-motif{display:block;width:56%;aspect-ratio:1;opacity:.28}
.reader-cover-back .reader-back-motif .book-motif{width:100%;height:100%;opacity:1}

@media(max-width:980px){
  .cover-illustration{width:115px;height:115px;opacity:.35}
  .cover-illustration.motif-rings{width:96px;height:96px}
}
@media(max-width:700px){
  .cover-illustration{width:105px;height:105px;left:9px;bottom:34px;opacity:.3}
  .cover-illustration.motif-rings{width:91px;height:91px;left:7px;bottom:32px}
  .cover-illustration.motif-steps{width:107px;height:99px;left:2px;bottom:28px}
  .cover-illustration.motif-grid{width:112px;height:112px;left:5px;bottom:30px}
  .cover-illustration.motif-week{width:107px;height:107px;left:0;bottom:28px}
  .cover-illustration.motif-clock{width:88px;height:88px;left:6px;bottom:34px}
  .reader-cover-motif{max-width:160px;margin:25px auto}
}
@media(prefers-reduced-motion:reduce){
  .cover-illustration{transition:none}
  .resource-card:hover .cover-illustration{transform:none}
}