.news-page .news-list-section { padding: 42px 0 64px; }
.news-search-form { display: flex; align-items: end; gap: 16px; background: #fff; padding: 24px; border: 1px solid #e2e8f1; border-radius: 16px; box-shadow: 0 6px 24px #212b5a05; }
.news-search-field { flex: 1.5; min-width: 0; }.news-filter-field { flex: 1; min-width: 0; }
.news-search-form label { display: block; font-size: 13px; font-weight: 700; color: #293d70; margin-bottom: 8px; }
.news-input-wrap { position: relative; }.news-input-wrap i { position: absolute; top: 18px; left: 15px; color: #7c8ba3; }
.news-search-form input, .news-search-form select { width: 100%; height: 50px; border: 1px solid #dbe3ef; border-radius: 9px; background-color: #f8fafc; color: #283653; font-size: 14px; padding: 12px 14px; }
.news-search-form input { padding-left: 42px; }.news-search-form select { padding-right: 36px; }
.news-search-form button { height: 50px; border: 0; padding: 0 24px; border-radius: 9px; background: #212b5a; color: #fff; font-size: 14px; font-weight: 700; white-space: nowrap; }.news-search-form button i { margin-left: 12px; }
.news-reset { padding: 14px 0; color: #465a7f; font-size: 13px; }
.news-page a:focus-visible, .news-page input:focus-visible, .news-page select:focus-visible, .news-page button:focus-visible { outline: 3px solid #d99e00; outline-offset: 4px; }
.news-results-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 38px 0 22px; }.news-page .news-results-heading h2 { font-size: 24px; }.news-results-heading p { font-size: 14px; color: #68758b; margin: 0; overflow-wrap: anywhere; }
.news-featured { display: grid; grid-template-columns: 1.12fr 1fr; background: #fff; border: 1px solid #e2e8f1; border-radius: 18px; overflow: hidden; margin-bottom: 28px; }
.news-featured-image { position: relative; min-height: 350px; display: block; }.news-featured-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.news-featured-body { padding: 32px; display: flex; flex-direction: column; align-items: flex-start; }
.news-feature-label { font-size: 10px; color: #866000; font-weight: 800; letter-spacing: .12em; margin-bottom: 18px; }.news-feature-label i { margin-right: 6px; color: #d59a13; }
.news-category { font-size: 10px; line-height: 1.5; letter-spacing: .03em; padding: 5px 10px; border-radius: 6px; background: #edf2fa; color: #354e7e; font-weight: 700; margin-bottom: 14px; display: inline-block; max-width: 100%; }
.news-page .news-featured-body h2 { font-size: clamp(22px, 2vw, 30px); line-height: 1.4; margin: 0 0 16px; }.news-featured-body h2 a { color: #212b5a; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.news-meta { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #7a879b; margin: 0 0 14px; }
.news-excerpt { font-size: 14px; line-height: 1.8; color: #68758b; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 22px; }
.news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.news-list-card { background: #fff; border: 1px solid #e2e8f1; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .25s; }
.news-card-image { height: 220px; display: block; overflow: hidden; flex-shrink: 0; }.news-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.news-card-body { padding: 24px; display: flex; flex-direction: column; align-items: flex-start; flex: 1; }
.news-page .news-card-body h3 { font-size: 18px; line-height: 1.5; margin: 0 0 14px; width: 100%; }.news-card-body h3 a { color: #212b5a; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 4.5em; }
.news-read { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 16px; border-top: 1px solid #edf0f5; width: 100%; color: #293d70; font-size: 13px; font-weight: 700; margin-top: auto; }.news-read i { font-size: 12px; }
.news-page a:hover { color: #a87600; }.news-list-card:hover { box-shadow: 0 12px 30px #212b5a0c; }
.news-empty { padding: 60px 24px; text-align: center; background: #fff; border-radius: 16px; }.news-empty h2 { font-size: 26px; margin-bottom: 14px; }.news-empty p { color: #68758b; }
.news-pagination-wrap { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 36px; }.news-pagination-wrap p { margin: 0; color: #68758b; font-size: 13px; }
.news-pagination { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }.news-pagination a,.news-pagination span { display: flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 8px 12px; background: #fff; border: 1px solid #dfe5ef; border-radius: 8px; color: #293d70; font-size: 13px; }.news-pagination .is-current { background: #212b5a; border-color: #212b5a; color: #fff; }.news-pagination .is-disabled { color: #95a0b2; background: #f1f4f8; }
.news-validation { padding: 14px 0; color: #ab3535; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) { .news-list-card:hover .news-card-image img { transform: scale(1.035); } }
@media (max-width: 991px) { .news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.news-featured-body { padding: 24px; }.news-search-form { flex-wrap: wrap; } }
@media (max-width: 767px) { .news-featured { grid-template-columns: 1fr; }.news-featured-image { min-height: 0; height: 260px; }.news-search-field, .news-filter-field { flex: 1 1 100%; }.news-search-form button { flex: 1; }.news-results-heading { align-items: flex-start; flex-direction: column; gap: 10px; }.news-pagination-wrap { flex-direction: column; align-items: flex-start; } }
@media (max-width: 575px) { .news-grid { grid-template-columns: 1fr; }.news-card-image { height: 220px; }.news-search-form { padding: 20px; }.news-page .news-list-section { padding-top: 26px; } }
@media (prefers-reduced-motion:reduce) { .news-card-image img, .news-list-card { transition: none; } }