/* Mikhbar homepage lead-card final sizing.
   Loaded after forum.css and forum-media.css so older layout rules cannot re-expand it. */
.rt-home .rt-hero{align-items:start!important}
.rt-home .rt-lead{
  height:400px!important;
  min-height:0!important;
  max-height:400px!important;
  align-self:start!important;
  padding:22px 26px!important;
}
.rt-home .rt-lead h1{
  margin:10px 0 6px!important;
  font-size:clamp(1.55rem,2.2vw,2.3rem)!important;
  line-height:1.4!important;
}
.rt-home .rt-lead p{
  font-size:.85rem!important;
  line-height:1.7!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.rt-home .rt-lead .rt-story-meta{margin-top:10px!important}
@media(max-width:980px){
  .rt-home .rt-lead{height:410px!important;max-height:410px!important}
}
@media(max-width:760px){
  .rt-home .rt-lead{height:380px!important;max-height:380px!important;padding:20px!important}
  .rt-home .rt-lead h1{font-size:1.7rem!important;line-height:1.45!important}
}
@media(max-width:560px){
  .rt-home .rt-lead{height:350px!important;max-height:350px!important}
  .rt-home .rt-lead h1{font-size:1.45rem!important}
}

/* Latest-20 lead carousel — edge arrows + bottom progress dots */
.rt-home .rt-lead-carousel{position:relative;min-width:0;align-self:start}
.rt-home .rt-lead-carousel .rt-lead{width:100%}
.rt-home .rt-lead-nav{
  position:absolute;
  top:50%;
  z-index:9;
  width:28px;
  height:56px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.22);
  border-radius:11px;
  background:rgba(15,23,42,.42);
  color:#fff;
  box-shadow:0 7px 20px rgba(0,0,0,.14);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transform:translateY(-50%);
  cursor:pointer;
  opacity:.86;
  transition:background .16s ease,opacity .16s ease,transform .16s ease;
}
.rt-home .rt-lead-nav span{display:block;font:700 16px/1 system-ui,sans-serif}
.rt-home .rt-lead-nav:hover{background:rgba(15,23,42,.66);opacity:1;transform:translateY(-50%) scale(1.04)}
.rt-home .rt-lead-nav:focus-visible{outline:2px solid #fff;outline-offset:2px;opacity:1}
.rt-locale-ar .rt-lead-prev{right:12px}
.rt-locale-ar .rt-lead-next{left:12px}
.rt-locale-en .rt-lead-prev{left:12px}
.rt-locale-en .rt-lead-next{right:12px}

.rt-home .rt-lead-dots{
  position:relative;
  left:auto;
  bottom:auto;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  width:max-content;
  max-width:100%;
  margin:10px auto 0;
  padding:2px 4px;
  background:transparent;
  transform:none;
}
.rt-home .rt-lead-dot{
  width:10px;
  height:10px;
  display:grid;
  place-items:center;
  flex:0 0 10px;
  padding:0;
  border:1px solid transparent;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
  transition:border-color .2s ease,transform .2s ease;
}
.rt-home .rt-lead-dot span{
  width:4px;
  height:4px;
  display:block;
  border-radius:50%;
  background:#cbd5e1;
  transition:background .2s ease,transform .2s ease;
}
.rt-home .rt-lead-dot.is-active{border-color:#111827;transform:scale(1.08)}
.rt-home .rt-lead-dot.is-active span{background:#111827;transform:scale(.9)}
.rt-home .rt-lead-dot:hover span{background:#667085}
.rt-home .rt-lead-dot:focus-visible{outline:2px solid #2563eb;outline-offset:1px}

.rt-home .rt-lead-carousel.is-changing .rt-lead-media{animation:rtHeroMediaIn .3s ease both}
.rt-home .rt-lead-carousel.is-changing .rt-label,
.rt-home .rt-lead-carousel.is-changing h1,
.rt-home .rt-lead-carousel.is-changing p,
.rt-home .rt-lead-carousel.is-changing .rt-story-meta{animation:rtHeroTextIn .28s ease both}
@keyframes rtHeroMediaIn{from{opacity:.55;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}
@keyframes rtHeroTextIn{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){
  .rt-home .rt-lead-nav{width:26px;height:50px;border-radius:10px}
  .rt-locale-ar .rt-lead-prev{right:9px}
  .rt-locale-ar .rt-lead-next{left:9px}
  .rt-locale-en .rt-lead-prev{left:9px}
  .rt-locale-en .rt-lead-next{right:9px}
  .rt-home .rt-lead-dots{margin-top:8px;gap:2px;padding:2px 3px}
  .rt-home .rt-lead-dot{width:9px;height:9px;flex-basis:9px}
  .rt-home .rt-lead-dot span{width:3px;height:3px}
}
@media(prefers-reduced-motion:reduce){
  .rt-home .rt-lead-carousel.is-changing .rt-lead-media,
  .rt-home .rt-lead-carousel.is-changing .rt-label,
  .rt-home .rt-lead-carousel.is-changing h1,
  .rt-home .rt-lead-carousel.is-changing p,
  .rt-home .rt-lead-carousel.is-changing .rt-story-meta{animation:none!important}
}