body {
  background: #fff;  /* because of asides background */
}

/* --- common ---- */
.banner-image {
  max-width: 100%;
  max-height: 500px;
}

/* --- legacy --- */

.legacy__content {
  margin-top: var(--line-height-em);
}

.legacy__content img {
  margin: var(--line-height-em) 0;
}


/* ------ */

.in-text-image {
  display: block;
  max-height: 360px;
}

.article__author {
  font-weight: var(--fw-medium);
  margin-bottom: 0;
}

.article__image-caption {
  color: var(--muted);
  font-size: var(--fs-small);
  font-weight: var(--fw-medium);
}


.article__blockquote {
  /* width: 60rem; */
  margin: calc(2*var(--line-height-em)) 0;
}


@media screen and (max-width:1189px) {
  .article__blockquote {
    margin-left: 1em;
  }
}


.article__pullquote {
  /* max-width: 95%; */
  /* width: 65rem; */
  font-family: 'GT Sectra Book Italic';
  font-size: 1.3125em;
  line-height: calc( var(--line-height) / 1.3125 );
  padding: calc( var(--line-height-em) / 1.3125 ) 0;
  border-top: 3px solid var(--almost-black);
  border-bottom: 3px solid var(--almost-black);
}

.article__audio {
  display: block;
  margin: var(--line-height-em) auto;
}


.article__asides {
  position: relative;
  border-left: none;
  padding: var(--line-height-em);
  background-color: #f8f8f8;
  font-size: var(--fs-small);
}

.article__asides::before {
  content: '';
  position: absolute;
  left: 0;
  height: 100px;
  width: 5px;
  background-color: var(--burnt-orange);
}


.margin-bottom {
  margin-bottom: var(--line-height-em);
}