.aoth-latest-news { margin: 2rem 0; padding: 20px 24px; background: #fff; border: 1px solid #e7ebef; border-radius: 4px; box-shadow: 0 2px 8px #00000006; white-space: normal; text-align: left; }
.aoth-latest-news *, .aoth-latest-news *::before, .aoth-latest-news *::after { box-sizing: border-box; }
.aoth-latest-news .aoth-latest-news__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 14px; }
.aoth-latest-news .aoth-latest-news__header h2 { margin: 0; font-size: 28px; line-height: 1.2; }
.aoth-latest-news .aoth-latest-news__all { flex-shrink: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.aoth-latest-news .aoth-latest-news__all span { margin-left: 6px; }
.aoth-latest-news .aoth-latest-news__item { margin: 0; padding: 0; border-top: 1px solid #e7ebef; }
.aoth-latest-news .aoth-latest-news__row { display: grid; grid-template-columns: 108px minmax(0, 1fr) 16px; gap: 20px; align-items: center; min-height: 84px; padding: 12px 0; color: inherit; text-decoration: none; }
.aoth-latest-news .aoth-latest-news__row:hover { background: #f8fafc; }
.aoth-latest-news .aoth-latest-news__row:focus-visible, .aoth-latest-news .aoth-latest-news__all:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.aoth-latest-news .aoth-latest-news__image { display: flex; align-items: center; justify-content: center; width: 108px; height: 60px; margin: 0; padding: 0; }
.aoth-latest-news .aoth-latest-news__image img { display: block; width: 100%; height: 100%; max-width: 100%; margin: 0; object-fit: contain; }
.aoth-latest-news .aoth-latest-news__body { min-width: 0; }
.aoth-latest-news .aoth-latest-news__date { display: block; margin: 0 0 3px; color: #8993a0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4; letter-spacing: normal; }
.aoth-latest-news .aoth-latest-news__body h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; font-size: 16px; line-height: 1.35; font-weight: 400; white-space: normal; overflow-wrap: anywhere; }
.aoth-latest-news .aoth-latest-news__arrow { color: #8292a3; font-family: Arial, Helvetica, sans-serif; font-size: 24px; text-align: right; }
@media (max-width: 599px) {
    .aoth-latest-news { padding: 16px; }
    .aoth-latest-news .aoth-latest-news__header { flex-wrap: wrap; gap: 8px; }
    .aoth-latest-news .aoth-latest-news__header h2 { font-size: 24px; }
    .aoth-latest-news .aoth-latest-news__row { grid-template-columns: 72px minmax(0, 1fr) 12px; gap: 12px; }
    .aoth-latest-news .aoth-latest-news__image { width: 72px; height: 44px; }
    .aoth-latest-news .aoth-latest-news__body h3 { font-size: 15px; }
}

/* Grid view: equal-height cards with full headlines and bottom-aligned footers. */
.aoth-latest-news--grid { padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.aoth-latest-news--grid .aoth-latest-news__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 24px; grid-auto-rows: 1fr; }
.aoth-latest-news--grid .aoth-latest-news__card { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 0; background: #fff; box-shadow: 0 2px 4px #0003; }
.aoth-latest-news--grid .aoth-latest-news__image { flex-shrink: 0; width: 100%; height: auto; aspect-ratio: 2.5 / 1; overflow: hidden; }
.aoth-latest-news--grid .aoth-latest-news__body { flex: 1; padding: 12px 20px; }
.aoth-latest-news--grid .aoth-latest-news__date { font-size: 14px; color: #a0a0a0; }
.aoth-latest-news--grid .aoth-latest-news__body h3 { display: block; -webkit-line-clamp: unset; overflow: visible; font-size: 23px; line-height: 1.3; margin: 6px 0 0; }
.aoth-latest-news--grid .aoth-latest-news__body h3 a { color: inherit; white-space: normal; }
.aoth-latest-news--grid .aoth-latest-news__footer { margin: 0; padding: 5px 15px; background: #fafafa; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6; }
.aoth-latest-news--grid .aoth-latest-news__footer a { display: inline-block; padding-left: 12px; border-left: 1px solid #e8e8e8; }
.aoth-latest-news--grid .aoth-latest-news__footer i { color: #a0a0a0; }
@media (max-width: 959px) { .aoth-latest-news--grid .aoth-latest-news__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { .aoth-latest-news--grid .aoth-latest-news__list { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; } }