/* ═══════════════════════════════════════════════════
   SBV — Insights Page (insights.html)
   ═══════════════════════════════════════════════════ */

/* ── Page Intro ── */
.page-intro { padding: 4rem 0 3rem; text-align: center; }
@media (min-width: 768px) { .page-intro { padding: 5rem 0 4rem; } }
.page-intro .eyebrow { justify-content: center; }
.page-intro h1 { font-size: 2.25rem; color: hsl(var(--foreground)); margin-bottom: 0.75rem; }
@media (min-width: 768px) { .page-intro h1 { font-size: 3rem; } }
.page-intro .lead { font-size: 1.125rem; font-family: var(--font-body); color: hsl(var(--muted-foreground)); line-height: 1.625; max-width: 36rem; margin: 0 auto; }

/* ── Featured Article ── */
.featured { padding: 0 0 4rem; }
.featured-card {
  display: grid;
  gap: 0;
  max-width: 72rem;
  margin: 0 auto;
  border-radius: var(--radius);
  overflow: hidden;
  background: hsl(var(--card));
  box-shadow: 0 10px 30px rgba(10, 22, 40, 0.08);
  border: 1px solid hsl(var(--border));
}
@media (min-width: 768px) { .featured-card { grid-template-columns: 1.2fr 1fr; } }
.featured-card .img-col img { width: 100%; height: 100%; object-fit: cover; min-height: 240px; }
.featured-card .text-col { padding: 2.5rem; display: flex; flex-direction: column; justify-content: center; }
.featured-card .tag { font-size: 0.6875rem; font-family: var(--font-body); font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: hsl(var(--accent)); margin-bottom: 0.75rem; }
.featured-card h2 { font-size: 1.5rem; color: hsl(var(--foreground)); margin-bottom: 0.75rem; line-height: 1.3; }
@media (min-width: 768px) { .featured-card h2 { font-size: 1.75rem; } }
.featured-card .date { font-size: 0.75rem; font-family: var(--font-body); color: hsl(var(--muted-foreground)); margin-bottom: 1rem; }
.featured-card .excerpt { font-size: 0.875rem; font-family: var(--font-body); color: hsl(var(--muted-foreground)); line-height: 1.625; margin-bottom: 1.5rem; }
.featured-card .read-link { font-size: 0.8125rem; font-family: var(--font-body); font-weight: 600; color: hsl(var(--accent)); transition: opacity 0.15s; }
.featured-card .read-link:hover { opacity: 0.8; }

/* ── Article Grid ── */
.articles { padding: 0 0 5rem; }
.articles-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; max-width: 72rem; margin: 0 auto; }
@media (min-width: 640px) { .articles-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .articles-grid { grid-template-columns: repeat(3, 1fr); } }
.article-card { background: hsl(var(--card)); border: 1px solid hsl(var(--border)); border-radius: var(--radius); overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; text-decoration: none; display: flex; flex-direction: column; }
.article-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(10, 22, 40, 0.1); }
.article-card .thumb { width: 100%; height: 180px; object-fit: cover; }
.article-card .body { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; }
.article-card .date { font-size: 0.6875rem; font-family: var(--font-body); color: hsl(var(--muted-foreground)); margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: 0.1em; }
.article-card h3 { font-size: 1.0625rem; color: hsl(var(--foreground)); line-height: 1.35; flex: 1; transition: color 0.15s; }
.article-card:hover h3 { color: hsl(var(--accent)); }
.article-card .read { font-size: 0.75rem; font-family: var(--font-body); font-weight: 600; color: hsl(var(--accent)); margin-top: 1rem; }