.latest-news-section { --color-primary-blue: #1b3576; --color-accent-orange: var(--theme_color, #ea5e12); --color-text-title: #162444; --color-text-body: #4b5872; --color-text-muted: #8391a8; --color-border: #e3e8f2; --font-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --font-heading: 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --radius-md: 8px; --shadow-sm: 0 2px 6px rgba(18, 36, 82, 0.05); --shadow-lg: 0 12px 32px rgba(18, 36, 82, 0.12); --transition-fast: 0.2s ease; --transition-normal: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); box-sizing: border-box; margin: 0; font-family: var(--font-base); font-size: 16px; color: var(--color-text-body); line-height: 1.6; -webkit-font-smoothing: antialiased; }
.latest-news-section *, .latest-news-section ::before, .latest-news-section ::after { box-sizing: border-box; margin: 0; padding: 0; }
.latest-news-section img { max-width: 100%; height: auto; display: block; }
.latest-news-section a { color: inherit; text-decoration: none; transition: color var(--transition-fast); }
.latest-news-section .site-container { width: 100%; max-width: none; margin-left: auto; margin-right: auto; }
.latest-news-section .news-header-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.latest-news-section .news-section-title { font-family: var(--ac-font-family, var(--font-heading)); font-size: var(--ac-font-size, 28px); font-weight: var(--ac-font-weight, 800); line-height: var(--ac-line-height, normal); letter-spacing: var(--ac-letter-spacing, normal); color: var(--ac-text-color, var(--color-primary-blue)); text-align: var(--ac-text-align, left); text-transform: var(--ac-text-transform, none); font-style: var(--ac-font-style, normal); text-decoration: var(--ac-text-decoration, none); }
.latest-news-section .news-section-title:hover { color: var(--ac-hover-color, var(--ac-text-color, var(--color-primary-blue))); font-family: var(--ac-hover-font-family, var(--ac-font-family, var(--font-heading))); font-size: var(--ac-hover-font-size, var(--ac-font-size, 28px)); font-weight: var(--ac-hover-font-weight, var(--ac-font-weight, 800)); font-style: var(--ac-hover-font-style, var(--ac-font-style, normal)); text-decoration: var(--ac-hover-text-decoration, var(--ac-text-decoration, none)); }
.latest-news-section .news-view-more { display: inline-flex; align-items: center; gap: 6px; font-family: var(--ac-font-family, var(--font-base)); font-size: var(--ac-font-size, 14px); line-height: var(--ac-line-height, normal); letter-spacing: var(--ac-letter-spacing, normal); font-weight: var(--ac-font-weight, 700); color: var(--ac-text-color, var(--color-text-muted)); text-align: var(--ac-text-align, left); text-transform: var(--ac-text-transform, none); font-style: var(--ac-font-style, normal); text-decoration: var(--ac-text-decoration, none); background: var(--ac-background, transparent); }
.latest-news-section .news-view-more:hover { color: var(--ac-hover-color, var(--color-accent-orange)); background: var(--ac-hover-background, transparent); font-family: var(--ac-hover-font-family, var(--ac-font-family, var(--font-base))); font-size: var(--ac-hover-font-size, var(--ac-font-size, 14px)); font-weight: var(--ac-hover-font-weight, var(--ac-font-weight, 700)); font-style: var(--ac-hover-font-style, normal); text-decoration: var(--ac-hover-text-decoration, none); }
.latest-news-section .news-view-more-icon, .latest-news-section .featured-news-link-icon { display: inline-flex; width: 14px; height: 14px; flex: none; align-items: center; justify-content: center; color: currentColor; font-size: 14px; line-height: 1; }
.latest-news-section img.news-view-more-icon, .latest-news-section img.featured-news-link-icon { display: block; width: 14px; height: 14px; object-fit: contain; }
.latest-news-section .news-main-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.latest-news-section .news-main-grid--single { grid-template-columns: 1fr; }
.latest-news-section .featured-news-card { background: var(--ac-background, #fff); border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); transition: all var(--transition-normal); }
.latest-news-section .featured-news-card:hover { background: var(--ac-hover-background, var(--ac-background, #fff)); box-shadow: var(--shadow-lg); border-color: var(--color-primary-blue); }
.latest-news-section .featured-news-thumb { position: relative; height: var(--ac-image-height, 240px); aspect-ratio: var(--ac-image-ratio, auto); overflow: hidden; }
.latest-news-section .featured-news-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: var(--ac-image-fit, cover); border-radius: var(--ac-image-shape, 0px); transition: transform 0.5s; }
.latest-news-section .featured-news-card:hover .featured-news-image { transform: scale(1.05); }
.latest-news-section .featured-date-badge { position: absolute; top: 14px; left: 14px; background: var(--color-accent-orange); color: var(--ac-text-color, #fff); font-family: var(--ac-font-family, var(--font-base)); font-size: var(--ac-font-size, 12px); line-height: var(--ac-line-height, normal); letter-spacing: var(--ac-letter-spacing, normal); font-weight: var(--ac-font-weight, 700); font-style: var(--ac-font-style, normal); text-decoration: var(--ac-text-decoration, none); text-align: var(--ac-text-align, left); text-transform: var(--ac-text-transform, none); padding: 4px 10px; border-radius: 4px; }
.latest-news-section .featured-date-badge:hover { color: var(--ac-hover-color, var(--ac-text-color, #fff)); font-family: var(--ac-hover-font-family, var(--ac-font-family, var(--font-base))); font-size: var(--ac-hover-font-size, var(--ac-font-size, 12px)); font-weight: var(--ac-hover-font-weight, var(--ac-font-weight, 700)); font-style: var(--ac-hover-font-style, normal); text-decoration: var(--ac-hover-text-decoration, none); }
.latest-news-section .featured-news-body { padding: 24px; }
.latest-news-section .featured-news-title { font-family: var(--ac-font-family, var(--font-base)); font-size: var(--ac-font-size, 17px); line-height: var(--ac-line-height, 1.4); letter-spacing: var(--ac-letter-spacing, normal); font-weight: var(--ac-font-weight, 700); color: var(--ac-text-color, var(--color-text-title)); margin-bottom: 12px; text-align: var(--ac-text-align, left); text-transform: var(--ac-text-transform, none); font-style: var(--ac-font-style, normal); text-decoration: var(--ac-text-decoration, none); }
.latest-news-section .featured-news-title a:hover { color: var(--ac-hover-color, var(--color-accent-orange)); font-family: var(--ac-hover-font-family, var(--ac-font-family, var(--font-base))); font-size: var(--ac-hover-font-size, var(--ac-font-size, 17px)); font-weight: var(--ac-hover-font-weight, var(--ac-font-weight, 700)); font-style: var(--ac-hover-font-style, normal); text-decoration: var(--ac-hover-text-decoration, none); }
.latest-news-section .featured-news-excerpt { font-family: var(--ac-font-family, var(--font-base)); font-size: var(--ac-font-size, 14px); line-height: var(--ac-line-height, 1.6); letter-spacing: var(--ac-letter-spacing, normal); font-weight: var(--ac-font-weight, 400); color: var(--ac-text-color, var(--color-text-body)); margin-bottom: 18px; text-align: var(--ac-text-align, left); text-transform: var(--ac-text-transform, none); font-style: var(--ac-font-style, normal); text-decoration: var(--ac-text-decoration, none); }
.latest-news-section .featured-news-excerpt:hover { color: var(--ac-hover-color, var(--ac-text-color, var(--color-text-body))); font-family: var(--ac-hover-font-family, var(--ac-font-family, var(--font-base))); font-size: var(--ac-hover-font-size, var(--ac-font-size, 14px)); font-weight: var(--ac-hover-font-weight, var(--ac-font-weight, 400)); font-style: var(--ac-hover-font-style, normal); text-decoration: var(--ac-hover-text-decoration, none); }
.latest-news-section .featured-news-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--color-accent-orange); cursor: pointer; }
.latest-news-section .featured-news-link [data-style-owner] { font-family: var(--ac-font-family, var(--font-base)); font-size: var(--ac-font-size, 13px); line-height: var(--ac-line-height, normal); letter-spacing: var(--ac-letter-spacing, normal); font-weight: var(--ac-font-weight, 700); color: var(--ac-text-color, var(--color-accent-orange)); text-align: var(--ac-text-align, left); text-transform: var(--ac-text-transform, none); font-style: var(--ac-font-style, normal); text-decoration: var(--ac-text-decoration, none); }
.latest-news-section .featured-news-link:hover [data-style-owner] { color: var(--ac-hover-color, var(--ac-text-color, var(--color-accent-orange))); font-family: var(--ac-hover-font-family, var(--ac-font-family, var(--font-base))); font-size: var(--ac-hover-font-size, var(--ac-font-size, 13px)); font-weight: var(--ac-hover-font-weight, var(--ac-font-weight, 700)); font-style: var(--ac-hover-font-style, normal); text-decoration: var(--ac-hover-text-decoration, none); }
.latest-news-section .featured-news-link:hover { text-decoration: underline; }
.latest-news-section .news-list-col { display: flex; flex-direction: column; justify-content: space-between; }
.latest-news-section .news-list-item { display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--color-border); background: var(--ac-background, transparent); transition: transform var(--transition-fast); }
.latest-news-section .news-list-item:first-child { padding-top: 0; }
.latest-news-section .news-list-item:last-child { border-bottom: none; padding-bottom: 0; }
.latest-news-section .news-list-item:hover { background: var(--ac-hover-background, var(--ac-background, transparent)); transform: translateX(4px); }
.latest-news-section .news-list-arrow { color: var(--color-accent-orange); margin-top: 2px; flex-shrink: 0; }
.latest-news-section .news-list-content { flex: 1; }
.latest-news-section .news-list-date { display: block; font-family: var(--ac-font-family, var(--font-base)); font-size: var(--ac-font-size, 12px); line-height: var(--ac-line-height, normal); letter-spacing: var(--ac-letter-spacing, normal); font-weight: var(--ac-font-weight, 600); color: var(--ac-text-color, var(--color-text-muted)); margin-bottom: 4px; text-align: var(--ac-text-align, left); text-transform: var(--ac-text-transform, none); font-style: var(--ac-font-style, normal); text-decoration: var(--ac-text-decoration, none); }
.latest-news-section .news-list-date:hover { color: var(--ac-hover-color, var(--ac-text-color, var(--color-text-muted))); font-family: var(--ac-hover-font-family, var(--ac-font-family, var(--font-base))); font-size: var(--ac-hover-font-size, var(--ac-font-size, 12px)); font-weight: var(--ac-hover-font-weight, var(--ac-font-weight, 600)); font-style: var(--ac-hover-font-style, normal); text-decoration: var(--ac-hover-text-decoration, none); }
.latest-news-section .news-list-title { font-family: var(--ac-font-family, var(--font-base)); font-size: var(--ac-font-size, 14px); line-height: var(--ac-line-height, 1.4); letter-spacing: var(--ac-letter-spacing, normal); font-weight: var(--ac-font-weight, 600); color: var(--ac-text-color, var(--color-text-title)); text-align: var(--ac-text-align, left); text-transform: var(--ac-text-transform, none); font-style: var(--ac-font-style, normal); text-decoration: var(--ac-text-decoration, none); }
.latest-news-section .news-list-title a:hover { color: var(--ac-hover-color, var(--color-accent-orange)); font-family: var(--ac-hover-font-family, var(--ac-font-family, var(--font-base))); font-size: var(--ac-hover-font-size, var(--ac-font-size, 14px)); font-weight: var(--ac-hover-font-weight, var(--ac-font-weight, 600)); font-style: var(--ac-hover-font-style, normal); text-decoration: var(--ac-hover-text-decoration, none); }
.latest-news-section .featured-news-title span:hover, .latest-news-section .news-list-title span:hover { color: var(--ac-hover-color, var(--color-accent-orange)); font-family: var(--ac-hover-font-family, var(--ac-font-family, var(--font-base))); font-size: var(--ac-hover-font-size, var(--ac-font-size, 14px)); font-weight: var(--ac-hover-font-weight, var(--ac-font-weight, 700)); font-style: var(--ac-hover-font-style, normal); text-decoration: var(--ac-hover-text-decoration, none); }
.ae3j8o1-component[data-style-section] { background-color: var(--ac-root-background-color, transparent); background-image: var(--ac-root-background-image, none); background-position: var(--ac-root-background-position, center); background-size: var(--ac-root-background-size, cover); background-repeat: var(--ac-root-background-repeat, no-repeat); margin-top: var(--ac-root-margin-tb, 0rem); margin-bottom: var(--ac-root-margin-tb, 0rem); }
.ae3j8o1-component[data-style-section] > .ae3j8o1-component__inner { box-sizing: border-box; width: 100%; max-width: var(--custom-content-max-width); margin-left: auto; margin-right: auto; padding-top: var(--padding_tb, 0rem); padding-bottom: var(--padding_tb, 0rem); padding-left: var(--padding_lr); padding-right: var(--padding_lr); }
@media (max-width: 959px) { .ae3j8o1-component[data-style-section] > .ae3j8o1-component__inner { padding-left: 1rem; padding-right: 1rem; } }
@media (max-width: 860px) { .latest-news-section .news-main-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .latest-news-section .news-section-title, .latest-news-section .news-view-more, .latest-news-section .featured-date-badge, .latest-news-section .featured-news-title, .latest-news-section .featured-news-excerpt, .latest-news-section .featured-news-link [data-style-owner], .latest-news-section .news-list-date, .latest-news-section .news-list-title { font-size: var(--ac-mobile-font-size, inherit); } }