.insights-grid{grid-template-columns: repeat(3, 1fr)}
.insight{padding:18px; transition:.25s ease}
.insight:hover{
  transform: translateY(-2px);
  border-color: rgba(199,90,26,.45);
  box-shadow: 0 0 0 6px rgba(199,90,26,.06), var(--shadow);
}
.insight h3{margin:12px 0 8px}
.insight p{margin:0 0 12px; color:var(--muted); line-height:1.6}
.insight-meta{display:flex; gap:8px; color:var(--muted); font-size:12px}

.crumbs{
  display:flex; gap:10px; align-items:center;
  color:var(--muted); font-size:13px;
  margin-bottom:12px;
}
.crumbs a{color:rgba(237,237,237,.9)}
.crumbs a:hover{color:var(--orange2)}

.post{padding:18px}
.post-head{padding-bottom:14px; border-bottom:1px solid var(--line); margin-bottom:14px}
.post-meta{display:flex; gap:10px; color:var(--muted); font-size:13px; margin-top:10px}

.post-body h2{margin:18px 0 10px}
.post-body h3{margin:14px 0 8px}
.post-body p{color:rgba(237,237,237,.86); line-height:1.75}

.callout{
  margin:14px 0;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(199,90,26,.35);
  background: rgba(199,90,26,.10);
  color: rgba(237,237,237,.92);
}

.post-cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:16px}

@media (max-width: 980px){
  .insights-grid{grid-template-columns:1fr}
}