.st-topic-card{
  display:flex;
  gap:28px;
  padding:30px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(0,68,109,.08);
  box-shadow:0 16px 36px rgba(0,68,109,.035);
  text-decoration:none;
  color:inherit;
  transition:transform .18s ease, box-shadow .18s ease;
  height:100%;
}

.st-topic-card:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 44px rgba(0,68,109,.10);
}

.st-topic-icon{
  width:86px;
  height:86px;
  border-radius:16px;
  background:rgba(153,204,51,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.st-topic-icon i{
  font-size:2.4rem;
  color:var(--salestron-green);
  line-height:1;
}

.st-topic-icon i.is-blue{
  color:var(--salestron-blue);
}

.st-topic-content{
  display:flex;
  flex-direction:column;
  flex:1;
}

.st-topic-content h2{
  font-size:1.3rem;
  line-height:1.25;
  margin:2px 0 16px;
  color:var(--salestron-blue);
  font-weight:800;
}

.st-topic-content p{
  color:var(--muted);
  line-height:1.75;
  margin-bottom:24px;
  font-weight:300;
}

.st-topic-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:var(--muted);
  font-size:.95rem;
  margin-top:auto;
  padding-top:12px;
}

.st-topic-meta i{
  color:var(--salestron-blue);
}

.st-link-arrow{
  color:var(--salestron-blue);
  text-decoration:none;
  font-weight:600;
}

.st-link-arrow:hover{
  text-decoration:underline;
}