.news-index-page .news-category-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  width: min(980px, 100%);
  margin: 0 auto 10px;
}

.news-index-page .news-category-filter button {
  min-height: 42px;
  padding: 8px 17px;
  border: 1px solid #b9dce9;
  border-radius: 999px;
  background: #fff;
  color: #315e70;
  font: inherit;
  font-size: .78rem;
  font-weight: 750;
  cursor: pointer;
}

.news-index-page .news-category-filter button[aria-pressed="true"] {
  border-color: #087db8;
  background: #087db8;
  color: #fff;
}

.news-index-page .news-category-filter button[data-category="important"] {
  border-color: #b65b32;
  background: #b65b32;
  color: #fff;
}

.news-index-page .news-category-filter button[data-category="important"][aria-pressed="true"] {
  border-color: #93401f;
  background: #93401f;
  box-shadow: 0 0 0 3px #f3d8cb;
}

.news-index-page .news-category-filter button:focus-visible {
  outline: 3px solid #7dcced;
  outline-offset: 2px;
}

.news-index-page .news-category-filter__status {
  width: min(980px, 100%);
  margin: 0 auto 15px;
  color: #5a7785;
  font-size: .73rem;
}

.news-index-page .news-index-row[hidden] { display: none; }
.news-index-page .news-index-row[data-news-category="important"] .news-index-row__meta span {
  border-color: #b66739;
  color: #9c4e28;
}

.news-article-page .sub-hero .sub-container { padding-block: 42px 48px; }
.news-article-page .sub-title { max-width: 850px; line-height: 1.45; }
.news-article-page__mobile-break { display: none; }
.news-article-page__meta { display: flex; align-items: center; gap: 14px; margin-top: 22px; }
.news-article-page__meta time { color: #506e7c; font-size: .86rem; }
.news-article-page__meta a { padding: 5px 11px; border: 1px solid #bd805c; border-radius: 6px; color: #93502e; font-size: .73rem; font-weight: 750; text-decoration: none; }
.news-article-page__content .sub-container { max-width: 860px; }
.news-article-page__content p { margin: 0 0 1.3em; color: #315365; line-height: 1.9; }
.news-article-page__calendar { margin-top: 30px !important; }
.news-article-page__back { margin-top: 34px !important; padding-top: 20px; border-top: 1px solid #d9eaf0; }
.news-article-page__back a { color: #087db8; font-weight: 750; }

@media (max-width: 767px) {
  .news-index-page .news-category-filter { justify-content: flex-start; gap: 7px; }
  .news-index-page .news-category-filter button { min-height: 38px; padding: 7px 12px; font-size: .7rem; }
  .news-article-page .sub-hero .sub-container { padding-block: 24px 32px; }
  .news-article-page__mobile-break { display: initial; }
  .news-article-page__content { padding-block: 34px 50px; }
}
