/* V21: complete popup imagery and standalone news navigation */
.learn-news-link{
  gap:9px;
}
.learn-news-link>span{
  width:8px;
  height:8px;
  flex:none;
  border-radius:50%;
  background:var(--secondary);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--secondary) 16%,transparent);
}

/* Never crop popup artwork, portraits, typography or official graphics. */
.site-popup-card.mode-image_text{
  grid-template-columns:minmax(320px,46%) minmax(0,1fr);
  width:min(1040px,100%);
  overflow:hidden;
}
.site-popup-card.mode-image_text .site-popup-image{
  display:grid;
  place-items:center;
  min-height:480px;
  padding:18px;
  background:
    radial-gradient(circle at 20% 15%,rgba(201,164,79,.16),transparent 38%),
    linear-gradient(145deg,#eef3f0,#e2e9e5);
}
.site-popup-card.mode-image_text .site-popup-image img{
  width:100%;
  height:100%;
  max-height:calc(100vh - 84px);
  object-fit:contain;
  object-position:center;
}
.site-popup-card.mode-image_text .site-popup-content{
  padding:clamp(34px,4.5vw,58px);
}
.site-popup-card.mode-image_text .site-popup-content h2{
  text-wrap:balance;
}

.site-popup-card.mode-image_only{
  width:min(1120px,100%);
}
.site-popup-card.mode-image_only .site-popup-image,
.site-popup-card.mode-image_only .site-popup-image a{
  display:grid;
  place-items:center;
}
.site-popup-card.mode-image_only .site-popup-image img{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:calc(100vh - 48px);
  object-fit:contain;
}

@media (max-width:760px){
  .site-popup-card.mode-image_text{
    grid-template-columns:1fr;
  }
  .site-popup-card.mode-image_text .site-popup-image{
    min-height:0;
    max-height:43vh;
    padding:10px;
  }
  .site-popup-card.mode-image_text .site-popup-image img{
    width:100%;
    height:auto;
    max-height:calc(43vh - 20px);
  }
  .site-popup-card.mode-image_text .site-popup-content{
    padding:28px 22px 24px;
  }
  .learn-news-link{
    justify-content:flex-start;
  }
}

@supports not (color:color-mix(in srgb,#000 10%,transparent)){
  .learn-news-link>span{
    box-shadow:0 0 0 5px rgba(201,164,79,.16);
  }
}