.rj-recognition {
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:30px
}
.rj-recognition .slideshow,.rj-recognition .ad-info {
  background:white;
  border:1px solid var(--rj-line);
  border-radius:var(--rj-radius);
  padding:24px;
  min-width:0
}
.rj-recognition .slide-wrap img {
  width:100%;
  height:360px;
  object-fit:contain
}
.rj-recognition .overlay h2 {
  font-size:26px;
  margin-top:20px
}
.rj-recognition .controls {
  display:flex;
  gap:12px
}
.rj-recognition .ctrl {
  width:44px;
  min-height:44px;
  background:var(--rj-navy);
  color:white;
  border:0;
  border-radius:4px
}
.rj-recognition .thumbs {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px
}
.rj-recognition .thumb-btn {
  border:2px solid transparent;
  background:var(--rj-paper);
  padding:6px;
  width:70px;
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center
}
.rj-recognition .thumb-btn.active {
  border-color:var(--rj-gold-dark)
}
.rj-recognition .thumb-btn img {
  max-height:100%;
  object-fit:contain
}
.rj-recognition .ad-desc {
  white-space:pre-line
}
.rj-recognition .ad-site {
  overflow-wrap:anywhere;
  font-size:13px;
  margin-top:20px
}
@media(max-width:760px) {
  .rj-recognition {
    grid-template-columns:1fr
  }
  .rj-recognition .slide-wrap img {
    height:280px
  }
}