.articles-list {
  margin: 0 0 28px;
}

.articles-topic-intro {
  max-width: 980px;
  margin: 0 0 22px;
  padding: 22px 24px;
  background: #f4faf7;
  border: 1px solid #d9e5df;
  border-radius: 8px;
}

.articles-topic-intro h2 {
  margin: 0;
  color: #184f63;
  font: 700 30px/1.1 "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase;
}

.articles-topic-intro p {
  margin: 10px 0 0;
  color: #415149;
  font-size: 16px;
  line-height: 1.5;
}

.articles-topic-intro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.articles-topic-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  color: #184f63;
  font: 700 15px/1 "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  background: #fff;
  border: 1px solid #c9dcd3;
  border-radius: 6px;
  box-shadow: 0 7px 16px rgba(39, 61, 45, .09);
}

.articles-topic-btn:hover,
.articles-topic-btn:focus {
  color: #123c4b;
  text-decoration: none;
  background: #eef7f2;
  border-color: #a9c6b8;
}

.articles-topic-btn--primary {
  color: #fff;
  background: #184f63;
  border-color: #184f63;
}

.articles-topic-btn--primary:hover,
.articles-topic-btn--primary:focus {
  color: #fff;
  background: #123c4b;
  border-color: #123c4b;
}

.articles-topic-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
}

.articles-topic-filter a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid #d9e5df;
  border-radius: 6px;
  background: #fff;
  color: #184f63;
  font: 700 15px/1 "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 5px 14px rgba(39, 61, 45, .08);
}

.articles-topic-filter a:hover,
.articles-topic-filter a:focus {
  background: #f4faf7;
  border-color: #b9cfc4;
  color: #123c4b;
  text-decoration: none;
}

.articles-topic-filter a.is-active {
  background: #184f63;
  border-color: #184f63;
  color: #fff;
}

.articles-topic-hub,
.articles-topic-clusters,
.articles-topic-faq {
  margin: 0 0 28px;
}

.articles-topic-hub__head {
  max-width: 980px;
  margin: 0 0 16px;
}

.articles-topic-hub__head h2,
.articles-topic-faq h2 {
  margin: 0;
  color: #184f63;
  font: 700 28px/1.12 "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase;
}

.articles-topic-hub__head p {
  margin: 8px 0 0;
  color: #526057;
  font-size: 15px;
  line-height: 1.5;
}

.articles-topic-route-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.articles-topic-route,
.articles-topic-clusters article {
  box-sizing: border-box;
  min-width: 0;
  padding: 18px;
  background: #fff;
  border: 1px solid #d9e5df;
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(39, 61, 45, .08);
}

.articles-topic-route span {
  display: block;
  min-height: 18px;
  color: #6d7c73;
  font: 700 13px/1.2 "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase;
}

.articles-topic-route h3,
.articles-topic-clusters h3 {
  margin: 8px 0 0;
  color: #184f63;
  font: 700 22px/1.12 "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase;
}

.articles-topic-route h3 a {
  color: inherit;
  text-decoration: none;
}

.articles-topic-route h3 a:hover,
.articles-topic-route h3 a:focus {
  color: #216f93;
  text-decoration: none;
}

.articles-topic-route p {
  margin: 10px 0 0;
  color: #415149;
  font-size: 15px;
  line-height: 1.45;
}

.articles-topic-clusters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.outer.content.adaptive_outer .articles-topic-clusters ul {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.outer.content.adaptive_outer .articles-topic-clusters li {
  position: relative;
  margin: 0;
  padding-left: 18px;
  color: #415149;
  font-size: 15px;
  line-height: 1.35;
}

.outer.content.adaptive_outer .articles-topic-clusters li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .48em;
  width: 7px;
  height: 7px;
  background: #5c8b6c;
  border-radius: 50%;
}

.articles-topic-empty {
  margin: 0 0 24px;
  padding: 16px 18px;
  color: #415149;
  background: #f4faf7;
  border: 1px solid #d9e5df;
  border-radius: 8px;
}

.articles-topic-faq h2 {
  margin-bottom: 14px;
}

.articles-topic-faq details {
  margin: 0 0 8px;
  background: #fff;
  border: 1px solid #d9e5df;
  border-radius: 8px;
  box-shadow: 0 6px 14px rgba(39, 61, 45, .06);
}

.articles-topic-faq summary {
  cursor: pointer;
  padding: 14px 16px;
  color: #184f63;
  font: 700 18px/1.2 "Roboto Condensed", Arial, sans-serif;
  text-transform: uppercase;
}

.articles-topic-faq p {
  margin: 0;
  padding: 0 16px 16px;
  color: #415149;
  font-size: 15px;
  line-height: 1.5;
}

.adaptive_content_container_full:has(.articles-list) {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.articles-list .main-info-card__media img {
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  max-width: none;
}

.articles-list__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
}

.articles-list .main-info-card__title {
  font-size: 18px;
}

.articles-list .main-info-card__text {
  font-size: 14px;
  line-height: 1.45;
}

.video-list__intro,
.video-list__footer {
  margin: 0 0 26px;
}

.video-list__footer {
  margin-top: 34px;
}

.video-list .zaoksky-lead {
  padding: 18px 22px;
  margin: 0 0 24px;
  border-left: 4px solid #5c8b6c;
  background: #f4f8f1;
}

.video-list .zaoksky-lead P:last-child {
  margin-bottom: 0;
}

.video-list .main-info-card--video .main-info-card__media {
  aspect-ratio: 16 / 10;
}

.articles-pagination {
  display: flex;
  justify-content: center;
  clear: both;
  margin: 75px 0 0;
}

.outer.content.adaptive_outer .articles-list .articles-pagination__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  float: none;
  margin: 0;
  padding: 0;
}

.outer.content.adaptive_outer .articles-list .articles-pagination__list a,
.outer.content.adaptive_outer .articles-list .articles-pagination__list b {
  display: flex;
  align-items: center;
  justify-content: center;
  float: none;
  box-sizing: border-box;
  min-width: 36px;
  height: 36px;
  padding: 0 12px;
  color: #216f93;
  font: 700 15px/1 "Roboto Condensed", sans-serif;
  background: #fff;
  border: 1px solid #d9e5df;
  border-radius: 6px;
  box-shadow: 0 5px 14px rgba(39, 61, 45, .08);
  text-decoration: none;
}

.outer.content.adaptive_outer .articles-list .articles-pagination__list a:hover,
.outer.content.adaptive_outer .articles-list .articles-pagination__list a:focus {
  color: #184f63;
  background: #f4faf7;
  border-color: #b9cfc4;
  text-decoration: none;
}

.outer.content.adaptive_outer .articles-list .articles-pagination__list b {
  color: #fff;
  background: #184f63;
  border-color: #184f63;
  box-shadow: 0 6px 16px rgba(24, 79, 99, .18);
}

@media (max-width: 991px) {
  .articles-topic-route-grid,
  .articles-topic-clusters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .articles-list__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .articles-topic-intro {
    padding: 18px;
  }

  .articles-topic-intro h2 {
    font-size: 24px;
  }

  .articles-topic-intro__actions {
    flex-direction: column;
  }

  .articles-topic-btn {
    width: 100%;
  }

  .articles-topic-filter {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
  }

  .articles-topic-filter a {
    flex: 0 0 auto;
  }

  .articles-topic-route-grid,
  .articles-topic-clusters {
    grid-template-columns: 1fr;
  }

  .articles-topic-hub__head h2,
  .articles-topic-faq h2 {
    font-size: 24px;
  }

  .articles-list__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}