body.blog-index-page,
body.blog-post-page {
  max-width: 100%;
  overflow-x: clip;
}

.blog-index-page ._4-col-grid {
  align-items: stretch;
}

.blog-index-page ._4-col-grid .w-dyn-item,
.blog-post-page .content-grid > div {
  min-width: 0;
}

.blog-index-page .card.lesson-card {
  overflow: hidden;
}

.blog-index-page .card-link,
.blog-index-page .card-data.lessons,
.blog-index-page .card-title,
.blog-index-page .paragrapheblogvignette {
  min-width: 0;
  overflow-wrap: anywhere;
}

.blog-index-page .lesson-image-2,
.blog-post-page .blog-banner-image,
.blog-post-page .rich-text-block img {
  display: block;
  max-width: 100%;
  height: auto;
}

.blog-index-page .lesson-image-2 {
  width: 100%;
}

.blog-post-page .section-4.section-hero {
  overflow-x: clip;
}

.blog-post-page .news-content {
  max-width: 1000px;
}

.blog-post-page .heading-h1,
.blog-post-page .article-date {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.blog-index-page .section-head.is-cta-head > *,
.blog-post-page .section-head.is-cta-head > * {
  opacity: 1 !important;
}

.blog-post-page .article-date {
  color: #667085;
  margin-top: 0;
  margin-bottom: 28px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.blog-post-page .blog-banner-image {
  width: 100%;
  max-width: 800px;
}

.blog-post-page .content-grid {
  grid-template-columns: minmax(0, 680px) minmax(220px, 1fr);
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.blog-post-page .rich-text-block {
  max-width: 100%;
  overflow-wrap: break-word;
}

.blog-post-page .rich-text-block h1,
.blog-post-page .rich-text-block h2,
.blog-post-page .rich-text-block h3,
.blog-post-page .rich-text-block h4,
.blog-post-page .rich-text-block h5,
.blog-post-page .rich-text-block h6,
.blog-post-page .rich-text-block p,
.blog-post-page .rich-text-block li,
.blog-post-page .rich-text-block a {
  max-width: 100%;
  overflow-wrap: break-word;
}

.blog-post-page .buttonnews {
  margin-left: 0;
  margin-right: 0;
}

.blog-post-page .sidebar-summary {
  color: #909090;
  margin-top: 12px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  line-height: 20px;
}

@media screen and (max-width: 991px) {
  .blog-post-page .content-grid {
    grid-template-columns: 1fr;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .blog-index-page .content-wrap {
    width: 100%;
  }

  .blog-index-page ._4-col-grid {
    grid-template-columns: 1fr;
  }

  .blog-index-page ._4-col-grid .card.lesson-card {
    flex-direction: column;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .blog-index-page ._4-col-grid .card-link.image {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .blog-index-page ._4-col-grid .lesson-image-2 {
    width: 100%;
    max-width: none;
  }

  .blog-index-page ._4-col-grid .card-data.lessons {
    width: 100%;
    margin: 0;
    padding: 18px;
  }

  .blog-index-page ._4-col-grid .card-link:not(.image),
  .blog-index-page ._4-col-grid .card-title,
  .blog-index-page ._4-col-grid .paragrapheblogvignette {
    width: 100%;
    max-width: 100%;
  }

  .blog-index-page ._4-col-grid .paragrapheblogvignette {
    display: block;
  }

  .blog-post-page .section-4 {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .blog-post-page .section-4.section-hero {
    padding-top: 2.5rem;
  }

  .blog-post-page .container-2 {
    width: 100%;
    max-width: none;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .blog-post-page .heading-h1 {
    width: min(760px, calc(100vw - 40px));
    font-size: clamp(2.4rem, 10vw, 3rem);
    line-height: 1.08;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .blog-post-page .blog-banner-image {
    width: min(800px, calc(100vw - 40px));
    max-width: calc(100vw - 40px);
    margin-top: 20px;
    margin-bottom: 24px;
  }

  .blog-post-page .rich-text-block {
    width: min(100%, calc(100vw - 40px));
    max-width: calc(100vw - 40px);
    padding: 20px;
    font-size: 16px;
    line-height: 1.55;
  }

  .blog-post-page .rich-text-block h2,
  .blog-post-page .rich-text-block h3 {
    font-size: clamp(1.75rem, 7vw, 2.25rem);
    line-height: 1.18;
  }

  .blog-post-page .right-sidebar_wrapper {
    margin-top: 24px;
  }

  .blog-post-page .buttonnews {
    width: 100%;
    min-width: 0;
    text-align: center;
    white-space: normal;
  }
}

@media screen and (max-width: 479px) {
  .blog-index-page .content-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-index-page .content-wrap > h1,
  .blog-post-page .heading-h1 {
    font-size: 42px;
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  .blog-post-page .rich-text-block {
    padding: 18px 16px;
  }
}