/* [mxt_news_card] on the Today hub (inc/mxt-newscard.php) */
.mxn { --mxn-forest: #173F35; --mxn-gold: #F3C95B; --mxn-ink: #15181C; --mxn-mute: #5C665F; --mxn-rule: #ECE5D6;
    display: flex; flex-direction: column; height: 100%; font-family: Phetsarath, sans-serif; color: var(--mxn-ink); line-height: 1.45; }
.mxn *, .mxn *::before, .mxn *::after { box-sizing: border-box; }
.mxn a { color: inherit; text-decoration: none; }
.mxn-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.mxn-h { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.3; color: var(--mxn-ink); }
.mxn-sub { display: flex; align-items: center; gap: 6px; margin: 2px 0 0; font-size: 12px; color: var(--mxn-mute); }
.mxn-live { width: 7px; height: 7px; border-radius: 50%; background: #D33A2C; animation: mxn-pulse 2.4s ease-out infinite; }
@keyframes mxn-pulse { 0% { box-shadow: 0 0 0 0 rgba(211, 58, 44, .5); } 80%, 100% { box-shadow: 0 0 0 6px rgba(211, 58, 44, 0); } }

.mxn-tabs { display: inline-flex; padding: 3px; border-radius: 999px; background: #F2ECDF; flex: none; }
.mxn-tabs button {
    appearance: none; border: 0; margin: 0; padding: 5px 12px; border-radius: 999px; cursor: pointer;
    font: 700 12px/1.4 Phetsarath, sans-serif; color: var(--mxn-mute); background: transparent; transition: background-color .15s, color .15s;
}
.mxn-tabs button[aria-selected="true"] { background: var(--mxn-forest); color: #fff; }
.mxn-tabs button:hover:not([aria-selected="true"]) { color: var(--mxn-forest); }
.mxn-tabs button:focus-visible { outline: 3px solid var(--mxn-gold); outline-offset: 1px; }

.mxn-pane { flex: 1 1 auto; }
.mxn-lead { display: block; padding-bottom: 14px; border-bottom: 1px solid var(--mxn-rule); }
.mxn-lead__img { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 14px; background: #EFE8D8; margin-bottom: 10px; }
.mxn-lead__img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.mxn-lead:hover .mxn-lead__img img { transform: scale(1.035); }
.mxn-lead__img .mxn-cat { position: absolute; left: 10px; top: 10px; background: rgba(15, 43, 36, .86); color: #fff; backdrop-filter: blur(4px); }
.mxn-lead__title { display: block; margin-top: 3px; font-size: 17px; font-weight: 700; line-height: 1.5; }
.mxn-lead:hover .mxn-lead__title, .mxn-item a:hover .mxn-title { color: var(--mxn-forest); text-decoration: underline; text-decoration-color: var(--mxn-gold); text-decoration-thickness: 2px; text-underline-offset: 4px; }

.mxn-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; font-size: 11.5px; color: var(--mxn-mute); }
.mxn-meta time { font-variant-numeric: tabular-nums; }
.mxn-cat { display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 11px; font-weight: 700; line-height: 1.5; background: #EEF3EF; color: var(--mxn-forest); }
.mxn-cat--international { background: #EAF0F8; color: #1F4E8C; }
.mxn-cat--announcement { background: #FFF3D6; color: #8A5A00; }
.mxn-cat--economy { background: #F3EEFA; color: #5B3A8E; }
.mxn-cat--sports { background: #FDECEC; color: #A3262B; }
.mxn-cat--weather { background: #E8F6F8; color: #1C6672; }
.mxn-views { margin-left: auto; }

.mxn-list { list-style: none; margin: 0; padding: 0; counter-reset: none; }
.mxn-item { border-bottom: 1px solid var(--mxn-rule); }
.mxn-item:last-child { border-bottom: 0; }
.mxn-item a { display: flex; gap: 12px; padding: 11px 0; }
.mxn-item__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.mxn-title { font-size: 14.5px; font-weight: 700; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mxn-rank { flex: none; width: 30px; font: 800 26px/1.1 Georgia, "Times New Roman", serif; color: var(--mxn-gold); text-align: center; -webkit-text-stroke: .5px #C9A030; }
.mxn-list--top .mxn-item:first-child .mxn-rank { color: var(--mxn-forest); -webkit-text-stroke: 0; }
.mxn-list--top .mxn-item__body { flex: 1; }

.mxn-more {
    display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 12px; padding: 11px 14px; border-radius: 12px;
    background: var(--mxn-forest); color: #fff !important; font-size: 14px; font-weight: 700; transition: background-color .15s;
}
.mxn-more:hover { background: #0F2B24; }
.mxn-more span { color: var(--mxn-gold); transition: transform .15s; }
.mxn-more:hover span { transform: translateX(3px); }
.mxn a:focus-visible { outline: 3px solid var(--mxn-gold); outline-offset: 2px; border-radius: 6px; }

/* preview: the old heading, subheading and JetEngine list give way to the card */
body.mxm-on .elementor-element-a0102a7,
body.mxm-on .elementor-element-66f9a7c,
body.mxm-on .elementor-element-67ee23c { display: none !important; }
.mxt-view--news > .elementor-widget-wrap, .mxt-newswid, .mxt-newswid > .elementor-widget-container { height: 100%; }
@media (prefers-reduced-motion: reduce) { .mxn-live { animation: none; } .mxn-lead__img img { transition: none; } }