/* Homepage latest news slider (2026-11-01, client) - index.blade.php .mdnews. Card look comes from home-theme.css (.blog.blog-home .content);
   arrows reuse .mdvid-arrow (home-videos.css). Three cards a row on desktop, two on tablets, one and a peek on phones. */
.mdnews .title { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px 32px; }
.mdnews-nav { display: flex; align-items: center; gap: 10px; }
.mdnews-nav .link { margin: 0 6px 0 0 !important; }
.mdnews-track { display: flex; gap: 24px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 6px 2px 22px; margin: 0 -2px; }
.mdnews-track::-webkit-scrollbar { display: none; }
.blog.blog-home .mdnews-track > .content { flex: 0 0 calc((100% - 48px) / 3); margin: 0 !important; scroll-snap-align: start; }
.mdnews-dots { display: flex; justify-content: center; gap: 8px; margin-top: 2px; }
.mdnews-dots[hidden] { display: none; }
.mdnews-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: #c3d1dd; cursor: pointer; transition: width .25s, background .25s; position: relative; }
.mdnews-dots button::before { content: ""; position: absolute; inset: -10px -4px; }
.mdnews-dots button.is-on { width: 24px; background: #0073ad; }
.mdnews-dots button:focus-visible { outline: 3px solid rgba(0, 115, 173, .35); outline-offset: 3px; }
@media (max-width: 991.98px) { .blog.blog-home .mdnews-track > .content { flex-basis: calc((100% - 24px) / 2); } }
@media (max-width: 767.98px) {
    .mdnews-nav .mdvid-arrow { display: none; }
    .mdnews-track { gap: 14px; margin: 0 -16px; padding: 6px 16px 18px; scroll-padding-inline: 16px; }
    .blog.blog-home .mdnews-track > .content { flex-basis: 82%; max-width: 340px; }
}
@media (prefers-reduced-motion: reduce) { .mdnews-dots button { transition: none; } }