@media (max-width: 767px) {
  .version-select {
    max-width: none;
    min-height: 42px;
  }

  .pdf-button {
    min-height: 42px;
    padding-inline: 12px;
  }
}

@media (max-width: 639px) {
  body {
    font-size: 16px;
    background: linear-gradient(180deg, #1c1420 0, #16111b 320px);
  }

  .site-header > a span:first-child {
    font-size: 23px;
  }

  .show-cover {
    border-radius: 6px;
    padding: 13px 12px;
  }

  .show-cover h3 {
    font-size: 18px;
  }

  .lyrics-sheet {
    animation: fadeIn .3s ease;
  }

  .lyric-line:last-child .lyric-cells {
    border-bottom: 0;
  }
}

@media (pointer: coarse) {
  [data-long-press-report] {
    touch-action: pan-y;
    -webkit-touch-callout: none;
  }
}

/* Finger-sized targets for the small pills and chips that are links. */
@media (pointer: coarse) {
  .year-chip,
  .watch-pill,
  .cross-pill,
  .back-link {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
  }
}

@media (max-width: 1023px) {
  .mobile-language-select {
    min-height: 44px;
    min-width: 50px;
    appearance: none;
    border: 1px solid rgb(240 231 216 / .16);
    border-radius: 999px;
    background: rgb(240 231 216 / .055);
    padding: 5px 11px;
    color: #d8a94e;
    /* 16px keeps iOS from zooming the page when the control takes focus. */
    font: 600 16px/1.2 ui-sans-serif, system-ui, sans-serif;
    text-align: center;
    text-align-last: center;
    outline: none;
  }

  .mobile-language-select:focus-visible {
    border-color: #d8a94e;
  }
}