@media (max-width: 767px) {
  .article .article__body p {
    font: var(--font-mobile-body1);
  }

  .article .article__body strong {
    font: var(--font-mobile-body1-bold);
  }

  .article .article__body table thead {
    font: var(--font-mobile-body2-bold);
  }

  .article .article__body table tbody {
    font: var(--font-mobile-body2);
  }
}


@media (max-width: 767px) {
  .article__title {
    font: var(--font-mobile-h1);
    margin: var(--spacing-16) 0;
  }
}


@media (max-width: 767px) {
  .article__top-img, .article__top-gjvp-video, .article__top-audio {
    width: calc(100% + var(--spacing-32));
    margin-left: calc(-1 * var(--spacing-16));
  }
}


@media (max-width: 767px) {
  .article-gallery-strip {
    width: calc(100% + var(--spacing-32));
    margin: var(--spacing-12) 0 var(--spacing-12) -16px;
  }
}


@media (max-width: 767px) {
  .article-gallery-strip__item--3-5, .article-gallery-strip__item--4-5, .article-gallery-strip__item--3-4 {
    display: none;
  }
}


@media (max-width: 767px) {
  .article__author {
    margin-top: var(--spacing-16);
  }
}


@media (max-width: 767px) {
  .article__author-name {
    font: var(--font-mobile-meta-bold);
  }
}


@media (max-width: 767px) {
  .article__meta-info {
    gap: var(--spacing-16);
    margin-top: var(--spacing-16);
    flex-flow: column;
  }
}


@media (max-width: 767px) {
  .article__meta-info--top {
    flex-flow: row;
  }
}


@media (max-width: 767px) {
  .article__datetime {
    font: var(--font-mobile-meta-regular);
  }
}


@media (max-width: 767px) {
  .article__date {
    font: var(--font-mobile-meta-bold);
  }
}


@media (max-width: 767px) {
  a.article-tags__tag {
    font: var(--font-mobile-meta-regular);
  }
}


@media (max-width: 767px) {
  .article-subscription {
    padding: var(--spacing-40) var(--spacing-16);
    width: calc(100% + var(--spacing-32));
    margin-left: -16px;
  }
}


@media (max-width: 767px) {
  .article-subscription__headline {
    font: var(--font-mobile-h3);
    font-family: var(--arial);
  }
}


@media (max-width: 767px) {
  .article-subscription__description {
    font: var(--font-mobile-h5);
    font-family: var(--arial);
  }
}


@media (max-width: 767px) {
  .article-subscription__login {
    font: var(--font-mobile-h5);
    font-family: var(--arial);
  }
}


@media (max-width: 767px) {
  .article-link {
    padding: var(--spacing-12) 0;
  }

  .article-link .list-article__title a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
}


@media (max-width: 767px) {
  .online-report__title {
    font: var(--font-mobile-h2);
  }
}


@media (max-width: 767px) {
  .online-report__author-name {
    font: var(--font-mobile-body1);
  }
}


@media (max-width: 767px) {
  .online-report__content {
    font: var(--font-mobile-body1);
  }
}


@media (max-width: 767px) {
  .online-report__media-description {
    font: var(--font-mobile-body2);
  }
}


@media (max-width: 767px) {
  .article__top-img img {
    border-radius: 0;
  }
}


@media (max-width: 767px) {
  .article-perex {
    font: var(--font-mobile-body1-bold);
    margin: var(--spacing-32) 0;
  }
}