.news-center { padding-top: 32px; padding-bottom: 48px; }
.news-center h1 { font-size: 32px; margin: 0 0 24px; }
.news-filters { display: grid; grid-template-columns: minmax(180px, 2fr) minmax(180px, 1.5fr) repeat(2, minmax(140px, 1fr)) auto; gap: 16px; align-items: end; padding: 20px 0; border-block: 1px solid #d8dde1; }
.news-filters label { display: grid; gap: 8px; min-width: 0; font-size: 14px; font-weight: 600; }
.news-filters input, .news-filters select { width: 100%; min-width: 0; height: 44px; padding: 8px 10px; border: 1px solid #9da6ae; border-radius: 4px; background: #fff; color: #252b30; font: inherit; }
.news-filter-actions { display: flex; align-items: center; gap: 14px; height: 44px; }
.news-filter-actions button { border: 0; border-radius: 4px; background: #0750ad; color: white; padding: 12px 18px; font: inherit; cursor: pointer; }
.news-filter-actions a { text-decoration: underline; }
.news-count, .news-meta { font-size: 13px; color: #52616c; }
.news-count { margin: 20px 0 0; }
.news-result { display: flex; gap: 22px; padding: 24px 0; border-bottom: 1px solid #d8dde1; color: inherit; text-decoration: none; }
.news-result img { width: 160px; height: 112px; object-fit: cover; flex-shrink: 0; border-radius: 4px; }
.news-result img[hidden] { display: none; }
.news-result-copy { min-width: 0; }
.news-meta { display: flex; flex-wrap: wrap; gap: 12px; }
.news-result h2 { font-size: 20px; line-height: 1.35; margin: 8px 0; overflow-wrap: anywhere; }
.news-result p { font-size: 15px; line-height: 1.5; margin: 0; color: #52616c; overflow-wrap: anywhere; }
.news-result:hover h2 { color: #0750ad; text-decoration: underline; }
.news-center :focus-visible { outline: 3px solid #0750ad; outline-offset: 3px; }
.news-errors { color: #a02020; }
.news-empty { padding: 32px 0; }
@media(max-width: 1100px) { .news-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } .news-search { grid-column: 1 / -1; } }
@media(max-width: 600px) { .news-center h1 { font-size: 27px; } .news-filters { gap: 14px 10px; } .news-filters label:nth-child(2) { grid-column: 1 / -1; } .news-result { gap: 12px; } .news-result img { width: 88px; height: 66px; } .news-result h2 { font-size: 17px; } .news-result p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } }