/* Keep announcement artwork intact, with readable copy below the image. */
.player-main .realm-featured {
  display: flex;
  flex-direction: column;
  align-self: start;
  min-width: 0;
  min-height: 0;
  background: linear-gradient(145deg, #191713, #101112 70%);
  border: 0;
  border-bottom: 1px solid #76603c;
  border-radius: 3px;
}
.player-main .realm-featured .realm-featured-art {
  position: static;
  inset: auto;
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  z-index: auto;
  filter: none;
  transform: none;
  transition: none;
}
.player-main .realm-featured .realm-featured-shade {
  display: none;
}
.player-main .realm-featured .realm-latest {
  position: static;
  align-self: flex-start;
  margin: 18px 24px 0;
  padding: 0;
  background: none;
  border: 0;
  color: #c7aa77;
  font-size: 9px;
  letter-spacing: 1.2px;
}
.player-main .realm-featured .realm-featured-copy {
  position: static;
  inset: auto;
  min-width: 0;
  padding: 14px 24px 24px;
}
.player-main .realm-featured h3 {
  margin: 12px 0;
  font-size: clamp(20px, 1.65vw, 27px);
  overflow-wrap: anywhere;
}
.player-main .realm-featured p {
  max-width: 58ch;
  font-size: 13px;
  line-height: 1.65;
}
.player-main .realm-featured .realm-read {
  margin-top: 20px;
}
@media (max-width: 760px) {
  .player-main .realm-news-grid { grid-template-columns: minmax(0, 1fr); }
  .player-main .realm-featured .realm-latest { margin: 16px 18px 0; }
  .player-main .realm-featured .realm-featured-copy { padding: 12px 18px 20px; }
}