/* Editorial Pick by Rezki Media, isolated namespaced CSS. */
.rmep { --rmep-blue:#0A5BA9; --rmep-deep:#073D72; --rmep-ink:#152538; margin: 34px 0 32px; width:100%; max-width:100%; box-sizing:border-box; font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif; }
.rmep *, .rmep *::before, .rmep *::after { box-sizing:border-box; }
.rmep__heading {display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #e0e6ed; padding-bottom:12px; margin-bottom:16px;}
.rmep__heading h2 {font-size:23px; line-height:1.2; color:var(--rmep-ink); font-weight:700; margin:0; padding:0; border:0;}
.rmep__heading h2:before {content:""; display:inline-block; height:24px; width:5px; border-radius:3px; background:var(--rmep-blue); vertical-align:middle; margin-right:10px;}
.rmep__controls {display:flex; gap:7px; align-items:center;}
.rmep__controls button {border:1px solid #c5d6e8; background:white; color:var(--rmep-blue); font-size:18px; line-height:1; font-weight:800; width:34px; height:34px; border-radius:50%; padding:0; cursor:pointer;}
.rmep__controls button:hover, .rmep__controls button:focus-visible {color:white; background:var(--rmep-blue); border-color:var(--rmep-blue); outline-offset:3px;}
.rmep__viewport {overflow-x:auto; overflow-y:hidden; padding:14px 2px 26px; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#9ebcda #f6f8fc;}
.rmep__viewport:focus-visible {outline:2px solid var(--rmep-blue); outline-offset:3px;}
.rmep__track {display:flex; gap:0; align-items:stretch; padding:10px 22px 4px;}
.rmep__card {background:#fff; flex:0 0 clamp(215px, 34%, 295px); scroll-snap-align:center; margin-left:-21px; border:1px solid #dae4ef; border-radius:11px; overflow:hidden; box-shadow:0 4px 14px rgba(16,45,80,.11); transform:translateY(13px) scale(.94); transition:transform .25s, box-shadow .25s; position:relative; text-align:left;}
.rmep__card:first-child { margin-left:0; }
.rmep__card.is-active, .rmep__card:hover, .rmep__card:focus-within {transform:translateY(0) scale(1); box-shadow:0 10px 26px rgba(16,45,80,.22); z-index:1;}
.rmep__cover {height:148px; display:flex; position:relative; overflow:hidden; width:100%; background:linear-gradient(135deg,#079be1,#0A5BA9); text-decoration:none; align-items:center; justify-content:center;}
.rmep__cover img {display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s ease;}
.rmep__cover:hover img {transform:scale(1.045);}
.rmep__fallback {font-size:22px; font-weight:800; letter-spacing:1px; color:white; padding:20px; text-align:center;}
.rmep__cover:after {content:""; pointer-events:none; position:absolute; right:0; top:0; border-top:37px solid #ff9b00; border-left:37px solid transparent; opacity:.94;}
.rmep__body {padding:14px 14px 16px; min-height:164px; display:flex; flex-direction:column;}
.rmep__body h3 {font-size:15px; font-weight:700; line-height:1.35; margin:0 0 12px; padding:0; color:var(--rmep-ink); min-height:58px;}
.rmep__body h3 a {color:var(--rmep-ink); text-decoration:none;}
.rmep__body h3 a:hover, .rmep__body h3 a:focus-visible {color:var(--rmep-blue); text-decoration:underline;}
.rmep__author {color:#4e637c; font-size:12px; font-weight:500; margin:0 0 9px; line-height:1.4;}
.rmep__meta {margin-top:auto; display:flex; flex-direction:column; align-items:start; gap:4px; font-size:11.5px; line-height:1.4; color:#53677e;}
.rmep__meta span {display:block;}
.rmep__count {font-size:12px; text-align:right; color:#6a7a90; margin:6px 3px 0;}
@media(max-width:700px){.rmep {margin:24px 0;}.rmep__heading h2{font-size:19px;}.rmep__card {flex-basis:79%; margin-left:-12px;}.rmep__cover {height:150px;}.rmep__body{min-height:160px;}}
@media(prefers-reduced-motion:reduce){.rmep__viewport {scroll-behavior:auto;}.rmep__card,.rmep__cover img{transition:none;}}
