/* Shared rendering rules for content created in the block editor. */
.article-body .be-link-block,
#description .be-link-block,
#details .be-link-block {
  display: block;
  margin: 0 0 10px;
  text-align: left;
}

.article-body > a,
#description > a,
#details > a {
  display: block;
  width: fit-content;
  margin: 0 0 10px;
}

.article-body .be-media-figure,
#description .be-media-figure,
#details .be-media-figure,
.article-body figure,
#description figure,
#details figure {
  display: table;
  max-width: 100%;
  margin: 16px auto;
}

.article-body .be-image-figure > img,
#description .be-image-figure > img,
#details .be-image-figure > img,
.article-body figure > img,
#description figure > img,
#details figure > img {
  display: block;
  width: min(100%, 560px);
  max-width: 100%;
  height: auto !important;
  max-height: 360px;
  margin: 0;
  object-fit: contain;
}

.article-body .be-youtube-figure,
#description .be-youtube-figure,
#details .be-youtube-figure {
  display: block;
  width: 100%;
}

.article-body .be-youtube-figure iframe,
#description .be-youtube-figure iframe,
#details .be-youtube-figure iframe {
  display: block;
  width: 100% !important;
  max-width: none !important;
  aspect-ratio: 16 / 9;
  height: auto;
  margin: 0;
}

.article-body .be-video-figure video,
#description .be-video-figure video,
#details .be-video-figure video,
.article-body figure > video,
#description figure > video,
#details figure > video {
  display: block;
  width: min(100%, 560px);
  max-width: 100%;
  height: auto;
  max-height: 360px;
}

.article-body .be-media-figure figcaption,
#description .be-media-figure figcaption,
#details .be-media-figure figcaption,
.article-body figure figcaption,
#description figure figcaption,
#details figure figcaption {
  margin-top: 8px;
  color: #5f6b85;
  font-size: 14px;
  font-style: italic;
  line-height: 1.45;
  text-align: center;
}

.article-body .be-list-point,
#description .be-list-point,
#details .be-list-point {
  display: block;
  font-weight: 700;
}

.article-body .be-list-description,
#description .be-list-description,
#details .be-list-description {
  display: block;
  margin-top: 4px;
  font-weight: 400;
}

.article-body li > a,
.article-body li a,
.article-body li .be-list-point > a,
.article-body li .be-list-description > a,
#description li > a,
#description li a,
#description li .be-list-point > a,
#description li .be-list-description > a,
#details li > a,
#details li a,
#details li .be-list-point > a,
#details li .be-list-description > a {
  color: #011776;
  font-weight: 700;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

@media (max-width: 480px) {
  .article-body .be-media-figure,
  #description .be-media-figure,
  #details .be-media-figure {
    width: 100%;
  }

  .article-body .be-image-figure > img,
  .article-body .be-video-figure video,
  #description .be-image-figure > img,
  #description .be-video-figure video,
  #details .be-image-figure > img,
  #details .be-video-figure video {
    width: 100%;
    max-width: 100%;
    max-height: 280px;
  }
}
