/* RTL-friendly, theme-independent editorial carousel. */
.mfs-root, .mfs-root * { box-sizing: border-box; }
.mfs-root { font-family: inherit; display: grid; grid-template-columns: minmax(0, 2fr) minmax(285px, 1fr); gap: 4px; width: 100%; height: clamp(365px, 34.7vw, 490px); overflow: hidden; color: #24272d; background: #fff; direction: ltr; isolation: isolate; }
.mfs-feature { position: relative; min-width: 0; min-height: 0; overflow: hidden; background: #263347; }
.mfs-slide { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .45s ease, visibility .45s ease; }
.mfs-slide.is-active { opacity: 1; visibility: visible; z-index: 1; pointer-events: auto; }
.mfs-slide-link { position: relative; display: block; width: 100%; height: 100%; color: #fff !important; text-decoration: none !important; outline-offset: -3px; }
.mfs-large-image, .mfs-image-placeholder { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.mfs-image-placeholder { background: linear-gradient(130deg, #243954, #5a718f 70%, #243954); }
.mfs-gradient { position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(0deg, rgba(0,0,0,.77),rgba(0,0,0,.3) 60%,transparent); pointer-events: none; }
.mfs-overlay { position: absolute; z-index: 1; bottom: 23px; right: 27px; left: 28px; text-align: center; color: white; display: flex; align-items: center; flex-direction: column; gap: 9px; line-height: 1.6; text-shadow: 0 2px 10px rgba(0,0,0,.6); }
.mfs-large-title { font-weight: 800; font-size: clamp(16px, 1.5vw, 22px); line-height: 1.65; max-width: 90%; }
.mfs-large-date { font-size: 12px; font-weight: 600; }
.mfs-dots { position: absolute; z-index: 4; display: flex; align-items: center; gap: 9px; bottom: 10px; left: 19px; direction: ltr; }
.mfs-dot { appearance: none; border: 0; margin: 0; cursor: pointer; width: 11px; height: 11px; padding: 0; border-radius: 50%; background: #fefefe; box-shadow: 0 1px 3px rgba(0,0,0,.65); opacity: .95; transition: background .2s, transform .2s; }
.mfs-dot.is-active { background: #62717e; outline: 2px solid #fff; outline-offset: 1px; }
.mfs-dot:focus-visible, .mfs-tab:focus-visible { outline: 3px solid #006cc5; outline-offset: -3px; }
.mfs-sidebar { display: grid; grid-template-rows: repeat(var(--mfs-rows, 5), minmax(0,1fr)); min-width: 0; min-height: 0; gap: 2px; background: #fff; overflow: hidden; }
.mfs-tab { appearance:none; width:100%; min-width:0; min-height:0; border:0; border-right: 4px solid transparent; margin:0; padding: 5px 11px 5px 7px; display:grid; grid-template-columns: 78px minmax(0,1fr); align-items:center; column-gap: 10px; background:#d9d9d9; color:#50545b; cursor:pointer; text-align:right; font-family:inherit; border-radius:0; box-shadow:none; transition:background-color .2s; }
.mfs-tab:hover { background:#e5edf4; }
.mfs-tab.is-active { background:#d3e8fb; border-right-color:#2585dc; color:#26364b; }
.mfs-tab-thumb { display:block; aspect-ratio: 1/1; width: 100%; height: auto; max-height: 76px; padding:4px; background:#f5f5f5; border: 1px solid #eee; }
.mfs-tab-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.mfs-tab-content { min-width:0; display:flex; flex-direction:column; justify-content:center; gap:5px; }
.mfs-tab-title { color:inherit; display:block; font-size: 13px; font-weight:700; line-height:1.55; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.mfs-tab-date { color:#6f7378; font-size: 11px; font-weight:400; white-space:nowrap; }
.mfs-empty { padding:20px; text-align:center; }
@media(max-width:850px) {
 .mfs-root { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(260px,auto) 98px; height:auto; gap:5px; }
 .mfs-feature { height:clamp(245px,56vw,435px); }
 .mfs-sidebar { display:flex; overflow-x:auto; overflow-y:hidden; gap:5px; padding-bottom:2px; scroll-snap-type:x mandatory; }
 .mfs-tab { flex:0 0 min(260px,76vw); grid-template-columns:72px minmax(0,1fr); padding:7px; scroll-snap-align:start; border-right-width:3px; }
 .mfs-tab-thumb { max-height:72px; }
 .mfs-large-title { font-size:clamp(15px,2.7vw,22px); }
}
@media(max-width:480px) {
 .mfs-root { grid-template-rows:minmax(235px,auto) 88px; }
 .mfs-feature { height: 245px; }
 .mfs-tab { flex-basis:225px; grid-template-columns:64px minmax(0,1fr); }
 .mfs-tab-thumb { max-height:64px; }
 .mfs-overlay { left:15px;right:15px;bottom:30px;gap:3px; }
 .mfs-large-title { max-width:100%;font-size:15px;line-height:1.6; }
 .mfs-tab-title { font-size:12px; }
 .mfs-dots { bottom:8px; left:13px; gap:7px; }
 .mfs-dot { width:9px;height:9px; }
}
@media(prefers-reduced-motion:reduce) { .mfs-slide,.mfs-tab,.mfs-dot { transition:none !important; } }