.news-card-photo.is-empty, .article-cover.is-empty { background: linear-gradient(135deg, #fbe4ee, #dff1f7 55%, #eaf4d8); }
.news-more { margin-top: 18px; }
.news-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.news-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(255,255,255,.92); border-radius: 20px; background: rgba(255,255,255,.78); box-shadow: 0 12px 30px rgba(33,37,45,.07); transition: transform .2s, box-shadow .2s; }
.news-card:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(33,37,45,.12); }
.news-card-photo { aspect-ratio: 16 / 9; overflow: hidden; background: #e7e2df; }
.news-card-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.news-card-body { display: flex; flex: 1; flex-direction: column; padding: 18px 20px 22px; }
.news-card-body time { color: var(--muted); font-size: 13px; }
.news-card-body h2 { margin: 8px 0; font: 800 18px/1.3 "Montserrat", sans-serif; }
.news-card-body p { margin: 0 0 14px; color: #4e4d55; font-size: 14px; line-height: 1.5; }
.news-card-body .news-link { margin-top: auto; }
.article { max-width: 860px; margin-inline: auto; }
.article-date { color: var(--muted); font-size: 14px; }
.article-cover { margin: 22px 0; overflow: hidden; border-radius: 20px; }
.article-cover img { display: block; width: 100%; max-height: 460px; object-fit: cover; }
.article-body { font-size: 17px; line-height: 1.7; color: #26262c; overflow-wrap: anywhere; }
.article-body img { max-width: 100%; height: auto; border-radius: 10px; }
.article-body iframe, .article-body video { max-width: 100%; }
.article-body h2, .article-body h3, .article-body h4 { font-family: "Montserrat", sans-serif; line-height: 1.3; }
.article-body a { color: #087da2; text-decoration: underline; }
.article-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 44px; padding-top: 24px; border-top: 1px solid rgba(17,17,19,.12); }
.article-nav a { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; border: 1px solid rgba(17,17,19,.12); border-radius: 16px; background: rgba(255,255,255,.7); }
.article-nav a:hover { border-color: var(--pink); }
.article-nav small { color: var(--muted); font-weight: 700; }
.article-nav strong { font: 700 15px/1.35 "Montserrat", sans-serif; }
.article-nav .next { text-align: right; grid-column: 2; }
.article-nav .prev { grid-column: 1; }
@media (max-width: 1000px) {
  .news-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .news-list, .article-nav { grid-template-columns: 1fr; }
  .article-nav .next, .article-nav .prev { grid-column: 1; }
}
