/* Compact editorial list; image dimensions do not depend on source aspect ratio. */
.latest-news-section { padding: 24px 0; background: #f8fafc; }
.latest-news-section .section-header { flex-direction: row; align-items: center; gap: 12px; margin-bottom: 16px; padding-bottom: 12px; border-color: #e3eaf0; }
.latest-news-section .section-title { margin: 0; font-size: 19px; color: #082b49; }
.latest-news-section .section-title i { font-size: 16px; color: #1763a0; }
.latest-news-section .view-all { font-size: 12px; color: #1763a0; white-space: nowrap; }
.latest-news-section .view-all:hover { color: #082b49; }
.latest-news-section > .container > .row { --bs-gutter-x: 16px; --bs-gutter-y: 12px; }
.latest-news-section .news-list-item { padding: 10px; border-radius: 12px; border-color: #e3eaf0; box-shadow: none; }
.latest-news-section .news-list-item:hover { transform: none; border-color: #86acc9; box-shadow: 0 3px 12px #082b4909; }
.latest-news-section .news-list-item > .row { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 14px; margin: 0; }
.latest-news-section .news-list-item > .row > div { width: auto; padding: 0; min-width: 0; }
.latest-news-section .news-image { display: block; height: 116px; min-height: 0; border-radius: 9px; background: #e9eff4; }
.latest-news-section .news-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.latest-news-section .news-list-item:hover .news-image img { transform: none; }
.latest-news-section .news-image .category { top: auto; bottom: 6px; left: 6px; right: 6px; width: fit-content; max-width: calc(100% - 12px); background: #103d70; color: #fff; border-radius: 6px; padding: 3px 7px; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.latest-news-section .news-content { padding: 2px 0; min-height: 116px; gap: 6px; }
.latest-news-section .news-title { margin: 0; }
.latest-news-section .news-title a { font-size: 14px; line-height: 1.8; color: #082b49; font-weight: 600; }
.latest-news-section .news-list-item:hover .news-title a { color: #1763a0; }
.latest-news-section .news-excerpt { font-size: 11px; line-height: 1.7; margin: 0; -webkit-line-clamp: 1; color: #65768a; }
.latest-news-section .news-meta { font-size: 10px; gap: 12px; flex-wrap: wrap; color: #75879a; line-height: 1.6; }
.latest-news-section .news-meta i { color: #5986aa; }
.latest-news-section a:focus-visible { outline: 2px solid #3699dc; outline-offset: 3px; }
[data-theme="dark"] .latest-news-section { background: #021321; }
[data-theme="dark"] .latest-news-section .section-header { border-color: #1a3c54; }
[data-theme="dark"] .latest-news-section .news-list-item { background: #092337; border-color: #1a3c54; box-shadow: none; }
[data-theme="dark"] .latest-news-section .section-title,
[data-theme="dark"] .latest-news-section .news-title a { color: #e0eaf3; }
[data-theme="dark"] .latest-news-section .view-all,
[data-theme="dark"] .latest-news-section .news-list-item:hover .news-title a { color: #75c1f5; }
[data-theme="dark"] .latest-news-section .news-excerpt { color: #9fb4c7; }
@media (max-width: 575.98px) {
    .latest-news-section { padding: 18px 0; }
    .latest-news-section .section-title { font-size: 16px; }
    .latest-news-section .view-all { font-size: 10px; }
    .latest-news-section .section-header { margin-bottom: 12px; }
    .latest-news-section .news-list-item { padding: 8px; }
    .latest-news-section .news-list-item > .row { grid-template-columns: 88px minmax(0, 1fr); gap: 10px; }
    .latest-news-section .news-image { height: 88px; }
    .latest-news-section .news-content { min-height: 88px; padding: 0; gap: 6px; }
    .latest-news-section .news-title a { font-size: 12px; line-height: 1.8; }
    .latest-news-section .news-excerpt { display: none; }
    .latest-news-section .news-meta { font-size: 9px; gap: 8px; }
}