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

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

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

  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: calc(var(--pico-spacing)/2);
  }
}

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

.citation {
  border: none;
  width: initial;

  blockquote {
    margin: 0;
    margin-left: calc(var(--pico-spacing)/2);
    padding: 0 0 0 calc(var(--pico-spacing)/2);

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

    em {
        font-style: normal;
    }

    figcaption {
      text-align: right;
      margin-top: var(--pico-spacing);
    }
  }
}