.rn-latest{
  /*padding: 48px 0;*/
  margin-top: -10px!important;
}

.rn-latest__header{
  margin-bottom: 24px;
}

.rn-latest__title{
  font-size: 44px;
  line-height: 1.1;
  margin: 0 0 10px;
  font-weight: 800;
}

.rn-latest__underline{
  display:inline-block;
  width: 64px;
  height: 6px;
  background: #ffd400; /* yellow underline */
  border-radius: 8px;
}

/* grid */
.rn-latest__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 28px;
}

@media (max-width: 980px){
  .rn-latest__grid{ grid-template-columns: 1fr; }
}

/* card */
.rn-card{
  background:#ffffff00;
  border-radius: 26px;
  overflow:hidden;
}

.rn-card__link{
  display:block;
  text-decoration:none;
  color:inherit;
}

.rn-card__media{
  position:relative;
  border-radius: 26px;
  overflow:hidden;
}

.rn-card__img{
  width:100%;
  height: 260px;
  object-fit: cover;
  display:block;
}

.rn-card__img--placeholder{
  background:#e9eef2;
}

/* badges */
.rn-card__badges{
  position:absolute;
  left: 14px;
  bottom: 14px;
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}

.rn-badge{
  background:#ffd400;
  color:#0a2c6b;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .03em;
  padding: 6px 10px;
  border-radius: 10px;
}

.rn-badge--alt{
  background:#ffd400; /* same yellow, or change */
}

/* title + date */
.rn-card__title{
  margin: 16px 0 8px;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 800;
  padding: 0 6px;
}

.rn-card__date{
  opacity: .75;
  font-size: 14px;
  padding: 0 6px 18px;
}
.rn-latest__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
@media (max-width: 1024px){ .rn-latest__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 640px){ .rn-latest__grid{ grid-template-columns:1fr; } }
