/* Executive Insights publication-state contract
   Placeholder = existing dark Gallery treatment.
   Published = lighter elevated tone.
   Featured = published tone + editorial star/signage, not a third background state. */
.insights-thought-grid .thought-card.is-published{
  background:linear-gradient(145deg,#244763,#17354f);
  border-color:rgba(239,194,102,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.insights-thought-grid .thought-card.is-published:hover,
.insights-thought-grid .thought-card.is-published:focus-within{
  background:linear-gradient(145deg,#2b506e,#1b3c59);
  border-color:rgba(239,194,102,.62);
}

/* UAT affordance hardening:
   Static collection/status surfaces must not look or behave like controls. */
.insights-perspectives .perspective-placeholder,
.insights-reading-room article > span{
  cursor:default;
}
.insights-perspectives .perspective-placeholder{
  pointer-events:none;
}

/* Permanent Collection infographic.
   Canonical visual reference: Executive Engagement Journey on /connect.
   This intentionally mirrors its framed sequence, icon scale, spacing,
   typography hierarchy and responsive collapse. */
.insights-permanent .permanent-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin-top:34px;
  border:1px solid rgba(255,255,255,.2);
  background:transparent;
}
.insights-permanent .permanent-grid article{
  position:relative;
  min-height:190px;
  padding:29px 18px;
  margin:0;
  text-align:center;
  border:0;
  border-right:1px solid rgba(255,255,255,.18);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  cursor:default;
  transform:none;
  transition:none;
}
.insights-permanent .permanent-grid article:last-child{border-right:0}
.insights-permanent .permanent-grid article:hover,
.insights-permanent .permanent-grid article:focus,
.insights-permanent .permanent-grid article:focus-within{
  background:transparent;
  transform:none;
  box-shadow:none;
}

/* Reuse the site's existing infographic icon family rather than number badges. */
.insights-permanent .permanent-grid article > span{
  display:block;
  width:50px;
  height:50px;
  margin:0 auto 17px;
  overflow:hidden;
  text-indent:-9999px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}
.insights-permanent .permanent-grid article:nth-child(1) > span{background-image:url("../assets/icons/engage-collaborate.svg")}
.insights-permanent .permanent-grid article:nth-child(2) > span{background-image:url("../assets/icons/engage-prepare.svg")}
.insights-permanent .permanent-grid article:nth-child(3) > span{background-image:url("../assets/icons/engage-transform.svg")}
.insights-permanent .permanent-grid article:nth-child(4) > span{background-image:url("../assets/icons/engage-discover.svg")}

.insights-permanent .permanent-grid h3{
  display:block;
  margin:0 0 8px;
  font-family:var(--serif);
  font-size:1.35rem;
  font-weight:700;
}
.insights-permanent .permanent-grid p{
  margin:0 auto;
  max-width:270px;
  color:rgba(255,255,255,.65);
  font-size:.82rem;
  line-height:1.5;
}

@media(max-width:760px){
  .insights-permanent .permanent-grid{grid-template-columns:1fr}
  .insights-permanent .permanent-grid article{
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.18)!important;
  }
  .insights-permanent .permanent-grid article:last-child{border-bottom:0!important}
}