/* Renamed subsets of Steinberg's Bravura, SIL OFL 1.1. See fonts/music/OFL.txt. */
@font-face {
  font-family: "MusEd Symbols";
  src: url("/static/fonts/music/mused-symbols.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "MusEd Symbols Text";
  src: url("/static/fonts/music/mused-symbols-text.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.music-symbol { font-family: "MusEd Symbols Text", serif; font-weight: normal; font-style: normal; }
.music-sheet { color: #f6efd8; background: #1f3a2c; padding: 24px; border: 1px solid #7fff7f; border-radius: 8px; }
.music-sheet h1, .music-sheet h2 { color: #ffd700; }
.music-sheet a { color: #a5e6cb; }
.music-sheet button { color: #ffd700; background: #183124; border: 1px solid #7fff7f; padding: 9px 14px; cursor: pointer; }
.music-sheet a:focus-visible, .music-sheet button:focus-visible { outline: 2px solid #ffd700; outline-offset: 3px; }
.music-sheet figcaption { padding: 4px 0; }
.music-sheet-row { border-top: 1px solid #608372; padding: 18px 0; }
.music-sheet-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.music-sheet canvas { background: #f6efd8; width: 100%; height: auto; border-radius: 4px; }
.music-sheet label { margin-right: 20px; }
@media(max-width: 767px) { .music-sheet-pair { grid-template-columns: 1fr; } }