////////////////////
//                //
//     Texts      //
//                //
////////////////////

@use "@picocss/pico/scss/colors/index" as *;

.verse {
  line-height: var(--line-height-verse);
  @media (min-width: 768px) {
    margin-left: 3rem;
  }

  p:not(:last-child) {
    margin-bottom: var(--verse-p-bottom-space);
    @media (min-width: 768px) {
       margin-bottom: var(--verse-p-bottom-space-larger);
    }
  }

  br {
    margin-bottom: .5rem;
  }
}

mark {
  background-color: $purple-100;
}

.citation {
  border: none;
  margin: initial;
  width: initial;

  blockquote {
    margin: 0;
    margin-left: .5rem;
    padding: 0 0 0 .5rem;

    p {
      text-align: left;
      margin: .4rem 0;
    }

    em {
        font-style: normal;
    }

    figcaption {
      text-align: right;
      margin-top: 1rem;
    }
  }
}