.section-articles__items {
  display: flex;
  flex-wrap: wrap;
  gap: 36px 18px;
}
.section-articles h2 {
  margin-bottom: var(--title-margin-xl);
}
.section-articles__item {
  width: calc((100% - 2 * 18px) / 3);
}
.section-articles__item-image {
  height: 207px;
  overflow: hidden;
  margin-bottom: 46px;
}
.section-articles__item-image img, .section-articles__item-image picture {
  min-height: 100%;
  min-width: 100%;
}
.section-articles__item-title {
  transition: color var(--transition-for);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-lg);
  margin-bottom: var(--base-margin);
  display: block;
  min-height: 80px;
}
.section-articles__item-text {
  margin-bottom: var(--base-margin);
  min-height: 120px;
}
.section-articles__item-date {
  color: var(--color-unactive);
}
@media (max-width: 768px) {
  .section-articles__items {
    gap: 0;
  }
  .section-articles__item {
    width: 100%;
    padding-bottom: 18px;
    border-bottom: var(--border-width) solid var(--color-border);
  }
  .section-articles__item:not(:first-child) {
    padding-top: 21px;
  }
  .section-articles__item-title {
    min-height: unset;
  }
  .section-articles__item-text {
    min-height: unset;
  }
  .section-articles__item-image {
    height: 188px;
    margin-bottom: 19px;
  }
}

/*# sourceMappingURL=style.css.map */