<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.news-list {
  display: flex;
  flex-direction: column;
}
.news-card {
  display: flex;
  flex-direction: column;
}
.news-card.with-margin-bottom {
  margin-bottom: 4.2rem;
}
.news-card h2, .news-card p {
  margin-bottom: 1.2rem;
}
.news-card p.publish-date {
  margin-bottom: 3.1rem;
}
.news-cover-image {
  width: 100%;
  border-radius: 7px;
  margin-bottom: 4.2rem;
}
.news-cover-image img {
  width: 100%;
  border-radius: 17px;
}
.news-division {
  border: 1px solid #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin: 4.1rem 0 4.2rem 0;
}

.news-pagination {
  display: flex;
  margin: 4.2rem auto 4.7rem auto;
  justify-content: center;
  align-items: center;
}
.news-pagination .prev {
  margin-right: 0.8rem;
}
.news-pagination .next {
  margin-left: 0.8rem;
}
.news-pagination .page {
  margin: 0 0.3rem;
}
.news-pagination .page,
.news-pagination .prev,
.news-pagination .next {
  color: var(--grey-02);
}
.news-pagination .page.active{
  color: var(--grey-03);
}
@media (min-width: 720px) {
  .news-cover-image {
    float: right;
    max-width: 50%;
    padding-left: 5.4rem;
    min-height: 30.5rem;
  }
  .news-card h2, .news-card p {
    float: left;
    width: 50%;
  }
  .news-division {
    clear: both;
  }
}
</pre></body></html>