.form {
  margin-top: 20px;
  width: 100%;

  > * {
    width: 100%;
    box-sizing: border-box;
  }

  .fourth {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    @media screen and (max-width: 860px) {
      grid-template-columns: 1fr 1fr;
    }
    column-gap: 20px;
  }

  .half {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
  }

  textarea {
    font-family: 'Ubuntu Mono', monospace;
    line-height: 15px;
  }
}

.link-ccli {
  top: -18px;
  right: 0;
  position: absolute;
}

h3 {
  margin: 10px 0 0 0;
}

h4 {
  margin: 0;
}

.song-text-help {
  font-size: 11px;
}

.song-text-validation {
  margin: -8px 0 12px;
  padding: 12px 14px;
  border-radius: 6px;
  background: rgba(166, 32, 32, 0.08);
  border: 1px solid rgba(166, 32, 32, 0.22);
  color: #7d1919;

  .issue {
    display: flex;
    gap: 8px;
    align-items: baseline;
    flex-wrap: wrap;
    margin-top: 6px;
  }

  code {
    padding: 1px 4px;
    border-radius: 4px;
    background: rgba(125, 25, 25, 0.08);
  }

  h3 {
    margin: 0;
  }
}
