.topics-page { background: #f5f5f7; }
.topics-page .inner-banner-photo img.topics-banner-underlay { left: -8.63%; top: -49.99%; width: 166.29%; height: 176.1%; object-fit: cover; }
.topics-page .inner-banner-photo img.topics-banner-foreground { left: 5.81%; top: -31.72%; width: 126.76%; height: 134.94%; object-fit: cover; }
.topics-page .inner-banner-shade { background: linear-gradient(90deg, #00683d 38.036%, #00683dcc 47.012%, #00683d00 65.135%), linear-gradient(180deg, #00683de6 7.565%, #00826c00 28.897%), linear-gradient(180deg, #00826c00 75.33%, #00683d79 96.103%); }
.topics-page .inner-navigation-content { justify-content: flex-end; }
.topics-content { padding-top: 30px; padding-bottom: 70px; }
.topics-list { display: grid; grid-template-columns: repeat(3, 460px); column-gap: 8px; row-gap: 20px; }
.topics-card { min-width: 0; }
.topics-card-link { display: flex; flex-direction: column; width: 100%; height: 267px; background: #fff; }
.topics-card-link > img { display: block; width: 100%; height: 197px; object-fit: cover; }
.topics-card h3 { display: grid; place-items: center; min-width: 0; height: 70px; border-top: 4px solid var(--green); padding: 0 7px; color: var(--text); font-size: 18px; font-weight: 500; line-height: 30px; text-align: center; transition: color .16s linear; }
.topics-card-link:hover h3, .topics-card-link:focus-visible h3 { color: var(--green); }
.topics-content .news-pagination { margin-top: 30px; }
@media (prefers-reduced-motion: reduce) { .topics-card h3 { transition: none; } }
@media (max-width: 1450px) {
	.topics-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.topics-card h3 { font-size: 16px; }
}
@media (max-width: 900px) {
	.topics-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
	.topics-card-link { height: auto; }
	.topics-card-link > img { height: auto; aspect-ratio: 460 / 197; }
	.topics-card h3 { min-height: 70px; height: auto; padding: 12px 8px; }
}
@media (max-width: 767px) {
	.topics-page .inner-banner-photo img.topics-banner-underlay, .topics-page .inner-banner-photo img.topics-banner-foreground { left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% center; }
	.topics-page .inner-navigation-content { align-items: flex-end; }
	.topics-content { width: min(calc(100% - 32px), 540px); padding-top: 24px; padding-bottom: 44px; }
	.topics-list { grid-template-columns: 1fr; gap: 16px; }
	.topics-card h3 { font-size: 16px; line-height: 24px; }
	.topics-content .news-pagination { margin-top: 30px; }
}