.contents {
  padding-block: 1.875rem 3.125rem;
}
@media screen and (min-width: 768px) {
  .contents {
    padding-block: 3.5rem 6.25rem;
  }
}

.articles__categories {
  display: flex;
  gap: 0.9375rem 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 1.25rem;
  padding: 1.25rem 0;
  margin-top: 1.25rem;
}
@media screen and (min-width: 576px) {
  .articles__categories {
    margin-top: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .articles__categories {
    margin-top: 2.5rem;
  }
}

.articles__category {
  display: grid;
  place-content: center;
  border-right: 1px solid #B1B3B5;
  flex: 0 0 50%;
}
@media screen and (min-width: 576px) {
  .articles__category {
    flex: 0 0 25%;
  }
}
@media screen and (min-width: 1400px) {
  .articles__category {
    flex: 0 0 12.5%;
  }
}

.articles__category:last-child {
  border-right: none;
}

.articles__category:nth-child(8n) {
  border-right: none;
}

@media screen and (max-width: 575px) {
  .articles__category:nth-child(2n) {
    border-right: none;
  }
}
@media screen and (max-width: 1399px) {
  .articles__category:nth-child(4n) {
    border-right: none;
  }
}
.articles__category.is-current .articles__category_link {
  font-weight: 900;
  color: #153E68;
}

.articles__category_link {
  font-size: 0.875rem;
  transition: color 0.3s ease-in;
}
@media screen and (min-width: 768px) {
  .articles__category_link {
    font-size: 1rem;
  }
}
@media screen and (min-width: 992px) {
  .articles__category_link {
    font-size: 1.125rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .articles__category_link:hover {
    opacity: 1;
    color: #153E68;
  }
}

.currents__posts {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .currents__posts {
    margin-top: 4.6875rem;
  }
}

.currents__posts_category {
  font-size: 1.125rem;
  font-weight: 700;
  color: #153E68;
}
@media screen and (min-width: 768px) {
  .currents__posts_category {
    font-size: 1.5rem;
  }
}

.currents__posts_list {
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .currents__posts_list {
    margin-top: 1.25rem;
  }
}

.currents__posts_list .post-card__title {
  color: #3C3C3C;
}

.currents__posts_pagination {
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .currents__posts_pagination {
    margin-top: 5rem;
  }
}/*# sourceMappingURL=style-articles.css.map */