/* A lighter music sheet and a related, quieter grey for its controls. */
.score-paper > .paper-outline path { fill: #d7d9d2; }
.playback-dock {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}
.playback-dock > .paper-outline path {
  fill: #eceee7;
  stroke: #9ca899;
  stroke-opacity: .65;
  stroke-width: 1.2;
}
/* Duration still fills the tile; symbols and names mark the first beat. */
#score .note-block { align-items: flex-start; }
#score .note-content {
  flex: none;
  width: calc(100cqw * var(--onset-ratio, .25) - var(--onset-inset, 0px) - 8px);
}
[data-view="mixed"] #score .note-content {
  width: calc(100cqw * var(--onset-ratio, .25) - var(--onset-inset, 0px) - 10px);
}
/* Letter padding should not consume the small rhythmic anchor column. */
#score .pitch-label { padding: 0; }
#score .pitch-label.has-octave.high { padding-right: .26em; }
#score .pitch-label.has-octave.low { padding-left: .24em; }
@media print {
  .score-paper > .paper-outline path { fill: #e1e3dc; }
}