.blockquote {
  padding-inline-start: 1em;
  border-inline-start: 2px outset $dark;
  display: inline-block;
  max-inline-size: 85%;

  @media only screen and (min-width: 1024px) {
    margin-block: 0.5em;
    margin-inline: 1em;
  }

  &__body {
    & p:first-child {
      margin-block-start: 0;
    }

    & p:last-of-type {
      margin-block-end: 0.5em;
    }
  }

  &__caption {
    display: none;
    text-align: end;
    font-style: normal;
    margin-inline-start: 5em;
    inline-size: 80%;
    orphans: 3;

    &::before {
      content: "—";
    }
  }

  &--epigram {
    font-size: 1.1em;
    text-align: center;
    display: block;
    margin-block: 0;
    margin-inline: auto;
    border-inline-start: 0;
    padding-inline-start: 0;
    inline-size: 100%;
    padding-block-start: 1em;
    padding-block-end: 1.2em;
    border-block-start: 2px outset $dark;
    border-block-end: 2px inset $dark;

    & .blockquote {
      &__caption {
        display: block;
      }
    }
  }

  &--script {
    & .blockquote__body {
      display: grid;
      grid-template-columns: auto 1fr 0.2fr;
      padding-block-end: 0.4em;
      text-align: start;

      & > p::before,
      & > p::after {
        content: none !important;
      }

      & > .script-line__character {
        margin-inline: 2em 0.5em;
        margin-block: 0.5em;
        font-style: italic;
      }

      & > .script-line__text {
        grid-column-start: 2;
        grid-column-end: 4;
        margin: 0.5em;
      }
    }
  }
}