/* Publishing layer for the Insights index. */

.premium-page .insights-featured {
  padding-top: 82px;
}

.premium-page .insights-essay-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1px;
  margin-top: 44px;
  background: rgba(255,255,255,.10);
}

.premium-page .insights-essay-card {
  position: relative;
  display: flex;
  min-height: 310px;
  padding: clamp(28px,4vw,48px);
  flex-direction: column;
  justify-content: space-between;
  background:
    radial-gradient(circle at 100% 0%,rgba(240,207,152,.06),transparent 35%),
    #11161b;
  transition: background .22s ease,transform .22s ease;
}

.premium-page .insights-essay-card:hover,
.premium-page .insights-essay-card:focus-visible {
  background:
    radial-gradient(circle at 100% 0%,rgba(240,207,152,.11),transparent 38%),
    #171d22;
  transform: translateY(-2px);
}

.premium-page .insights-essay-card .essay-number {
  color: var(--gold-2);
  font-family: var(--serif);
  font-size: .72rem;
}

.premium-page .insights-essay-card h3 {
  max-width: 720px;
  margin: 42px 0 18px;
  color: #eee9df;
  font-family: var(--serif);
  font-size: clamp(1.55rem,2.8vw,2.45rem);
  font-weight: 500;
  line-height: 1.15;
}

.premium-page .insights-essay-card p {
  max-width: 640px;
  margin: 0 0 30px;
  color: #b9bec1;
  font-size: .9rem;
  line-height: 1.7;
}

.premium-page .insights-essay-card .essay-link {
  color: var(--gold-2);
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: .58rem;
}

.premium-page .insights-grid li[id] {
  scroll-margin-top: 110px;
  transition: background .28s ease,border-color .28s ease,box-shadow .28s ease;
}

.premium-page .insights-grid li:target {
  background: linear-gradient(135deg,rgba(240,207,152,.10),rgba(255,255,255,.025));
  box-shadow: inset 3px 0 0 var(--gold-2),0 0 0 1px rgba(240,207,152,.18);
}

.premium-page .insights-grid li:target h3 {
  color: var(--gold-2);
}

.premium-page .insight-published {
  display: inline-flex;
  margin-top: 16px;
  color: var(--gold-2);
  border-bottom: 1px solid rgba(240,207,152,.35);
  padding-bottom: 3px;
  font-size: .66rem;
  text-transform: uppercase;
  letter-spacing: .12em;
}

@media (max-width: 760px) {
  .premium-page .insights-essay-grid {
    grid-template-columns: 1fr;
  }

  .premium-page .insights-essay-card {
    min-height: 250px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-page .insights-essay-card,
  .premium-page .insights-grid li[id] {
    transition: none;
  }
}