/**
 * Dynamic News detail refinements.
 *
 * The core design is inherited from the static reference rules in main.css.
 * These additions make arbitrary editor content, embeds, and edge cases fit
 * that design without inline styles.
 */

.news-detail-page .news-detail-wrapper {
  padding-bottom: 70px;
}

.news-detail-page .news-detail-body > :last-child {
  margin-bottom: 0;
}

.news-detail-page .news-detail-body h2,
.news-detail-page .news-detail-body h3,
.news-detail-page .news-detail-body h4 {
  margin: 36px 0 18px;
  color: #4a4a49;
  font-family: "Neue Helvetica Pro", "Helvetica Neue", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.3;
}

.news-detail-page .news-detail-body h2 {
  font-size: 24px;
}

.news-detail-page .news-detail-body h3 {
  font-size: 21px;
}

.news-detail-page .news-detail-body img,
.news-detail-page .news-detail-body video,
.news-detail-page .news-detail-body iframe {
  display: block;
  max-width: 100%;
}

.news-detail-page .news-detail-body img,
.news-detail-page .news-detail-body video {
  height: auto;
}

.news-detail-page .news-detail-body iframe {
  width: 100%;
  min-height: 420px;
  border: 0;
}

.news-detail-page .news-detail-body figure,
.news-detail-page .news-detail-body .wp-caption,
.news-detail-page .news-detail-body .wp-block-image,
.news-detail-page .news-detail-body .wp-block-embed {
  max-width: 100%;
  margin: 32px auto;
}

.news-detail-page .news-detail-body figcaption,
.news-detail-page .news-detail-body .wp-caption-text {
  padding-top: 10px;
  color: #6c757d;
  font-size: 14px;
  line-height: 1.5;
}

.news-detail-page .news-detail-body blockquote {
  margin: 32px 0;
  padding: 8px 0 8px 24px;
  border-left: 4px solid #21a4dd;
  font-family: Cardo, Georgia, serif;
  font-size: 22px;
}

.news-detail-page .news-detail-body table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

.news-detail-page .news-detail-body th,
.news-detail-page .news-detail-body td {
  padding: 10px;
  border: 1px solid #cdcfcf;
}

.news-detail-page .news-detail-body pre {
  max-width: 100%;
  overflow-x: auto;
}

.news-detail-page .news-detail-nav-link--next {
  margin-left: auto;
  text-align: right;
}

.news-detail-page .hr-news-section-wrapper {
  background: #fff;
}

.news-detail-page .hr-news-section-wrapper .news-card {
  height: 100%;
}

.news-detail-page .hr-news-section-wrapper .news-content-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.news-detail-page .hr-news-section-wrapper .news-card-link-icon {
  margin-top: auto;
}

.news-detail-page .hr-news-section-wrapper .news-image img {
  object-fit: cover;
}

@media (max-width: 767.98px) {
  .news-detail-page .page-section {
    padding-top: 55px !important;
  }

  .news-detail-page .news-detail-wrapper {
    padding-bottom: 45px;
  }

  .news-detail-page .news-detail-meta {
    align-items: flex-start;
    gap: 16px;
  }

  .news-detail-page .news-detail-date {
    text-align: right;
  }

  .news-detail-page .news-detail-title h1 {
    font-size: 26px;
  }

  .news-detail-page .news-detail-body iframe {
    min-height: 220px;
  }

  .news-detail-page .news-detail-nav {
    flex-direction: column;
    gap: 18px;
  }

  .news-detail-page .news-detail-nav-link--next {
    margin-left: 0;
    text-align: left;
  }
}