/* INSIGHTS — Blog & News, feature + three cards */



body { 
  background: linear-gradient(
    135deg,
    rgba(24, 59, 102, 0.08) 0%,
    rgba(24, 59, 102, 0.05) 40%,
    rgba(243, 146, 0, 0.08) 100%
  ) 
}
/* INSIGHTS — minimal, fast, aligned with insights.php */

/* Page shell */
.insights-page .wrap{max-width:1120px;margin:0 auto;padding:24px}
.insights-page .page-title{
  margin:8px 0 6px; text-align:center;
  font-size:42px; line-height:1.2; color:var(--text, #0b2f4e);
}

/* Sections */
.ins-section{ padding-block: clamp(18px, 4.5vh, 40px) }
.ins-header{
  display:flex; align-items:flex-end; justify-content:space-between;
  margin: 6px 0 12px;
}
.ins-header h2{ margin:0; font-size:22px }
.ins-header .view-all{
  text-decoration:none; font-weight:700; color:var(--brand, #f28c1d);
}
.ins-header .view-all:hover{ color:var(--accent, #cc6d0a); text-decoration:underline }

/* Card grid (no images) */
.ins-grid{
  display:grid; gap:14px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 980px){ .ins-grid{ grid-template-columns: repeat(2, 1fr) } }
@media (max-width: 640px){ .ins-grid{ grid-template-columns: 1fr } }

/* Cards */
.card{
  background:#fff; border:1px solid #e8edf3; border-radius:16px;
  box-shadow:0 10px 24px rgba(24,59,102,.06); overflow:hidden;
}
.card.list .content{ padding:14px 16px }
.card .title{ margin:.1rem 0 .3rem; font-size:1.12rem; line-height:1.3 }
.card .title a{ color:var(--text, #0b2f4e); text-decoration:none }
.card .title a:hover{ color:var(--brand, #f28c1d); text-decoration:underline }
.card .muted{ color:var(--muted, #6c7b8b); margin:.2rem 0 .5rem; font-size:.95rem }

/* Meta row */
.meta{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px;
  color:#6c7a8b; font-weight:600; font-size:.9rem;
}
.meta span{ display:inline-flex; align-items:center }

/* Optional: gentle page background just for insights */
.insights-page{
  background: linear-gradient(
    135deg,
    rgba(24,59,102,.06) 0%,
    rgba(24,59,102,.04) 40%,
    rgba(243,146,0,.06) 100%
  );
}