.song-detail__quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.song-detail__quick-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0.6rem 0.9rem;
  border: 1px solid var(--outline-variant);
  border-radius: var(--radius-sm);
  background: var(--surface-container-low);
}
#lesson-material { scroll-margin-top: 6rem; }
.song-detail__keyboard table { width: 100%; max-width: 28rem; border-collapse: collapse; }
.song-detail__keyboard caption { text-align: left; margin-bottom: 0.5rem; }
.song-detail__keyboard th, .song-detail__keyboard td {
  text-align: left;
  padding: 0.65rem 1rem;
  border-bottom: 1px solid var(--outline-variant);
}
.song-detail__lines { grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr); }
.song-detail__lines code { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .song-detail h1 { font-size: 2rem; }
  .song-detail__lines { grid-template-columns: 1fr; padding: 1rem; }
  .song-detail__quick-links a { max-width: 100%; }
}
@media (max-width: 720px) {
  /* The wrapped sticky header is taller than the desktop navigation. */
  #lesson-material { scroll-margin-top: 9rem; }
}