/* Music essays and compositions share the archive's palette without its photo.
 * Sampled from music-dusk.webp: rose #b19398, lavender #988b9d, plum #7a6275.
 * The lighter stops carry the archive's warm dusk veil into a reading surface.
 */
.music-reading {
  --page-wash:
    radial-gradient(ellipse at 12% 8%,rgba(239,206,183,.62),transparent 62%),
    radial-gradient(ellipse at 88% 86%,rgba(180,150,176,.46),transparent 64%),
    linear-gradient(155deg,#c6a4a4 0%,#bba3b5 38%,#a79bad 70%,#cbb0bb 100%);
  --page-wash-height:100%;
  --music-reading-base:#bba3b5;
  --music-reading-panel:linear-gradient(140deg,rgba(249,236,226,.94),rgba(238,223,234,.93) 65%,rgba(229,215,230,.95));
  --md-sys-color-tertiary-container:#ead4df;
  --md-sys-color-on-tertiary-container:#573d51;
  background:var(--music-reading-base);
}
.music-reading .app-layout {
  background-color:var(--music-reading-base);
  background-image:var(--page-wash);
  background-position:center;
  background-size:cover;
  background-attachment:fixed;
  background-repeat:no-repeat;
}
.music-reading .app-content { background:transparent; }
.music-reading .navigation-rail {
  background:rgba(244,232,225,.14);
  border-right-color:rgba(100,67,91,.2);
  box-shadow:inset -1px 0 rgba(255,240,231,.18),5px 0 20px -16px rgba(65,40,65,.25);
}
.music-reading .rail-item:hover { background:var(--art-hover); }
.music-reading .rail-item.selected .rail-indicator,
.music-reading.rail-expanded .rail-item.selected {
  background:var(--art-selected);
  color:var(--md-sys-color-on-primary-container);
  box-shadow:inset 0 0 0 1px var(--art-line),0 4px 12px rgba(65,40,65,.12);
}
.music-reading .rail-item.selected .rail-label { color:var(--md-sys-color-on-primary-container); }
.music-reading.rail-expanded .rail-item.selected .rail-indicator { background:transparent; box-shadow:none; }
.music-reading .reading-card,
.music-reading .comments-area {
  background:var(--music-reading-panel);
  box-shadow:0 12px 32px -18px rgba(74,43,68,.3),inset 0 1px 0 rgba(255,247,239,.65);
}
.music-reading .post-navigation a {
  background:linear-gradient(135deg,rgba(241,220,219,.92),rgba(222,203,224,.92));
  box-shadow:inset 0 1px 0 rgba(255,244,236,.4);
}
.music-reading .member-comment-gate {
  background:linear-gradient(135deg,#ebd7d8,#e1d2e2);
  color:var(--md-sys-color-on-surface-variant);
}
.music-reading .article-content .article-byline,
.music-reading .article-content .doc-image-figure figcaption { color:var(--md-sys-color-on-surface-variant); }
.music-reading .article-content audio { border-radius:28px; color-scheme:light; }
@media(forced-colors:active) {
  .music-reading,.music-reading .app-layout,.music-reading .app-content,
  .music-reading .navigation-rail,.music-reading .reading-card,.music-reading .comments-area,
  .music-reading .post-navigation a,.music-reading .member-comment-gate {
    background:Canvas; color:CanvasText; box-shadow:none; border-color:CanvasText;
  }
  .music-reading .rail-item.selected .rail-indicator,
  .music-reading.rail-expanded .rail-item.selected { background:Highlight; color:HighlightText; box-shadow:none; }
}