/* Insights (blog) — only adds what styles.css lacks; reuses its variables */
.insight { padding: 64px 0 88px; }
.insight-wrap { max-width: 760px; }
.insight-back { font-size: .95rem; margin-bottom: 24px; }
.insight h1 { font-size: clamp(2rem, 4.2vw, 2.8rem); }
.insight-meta { font-size: .9rem; margin-bottom: 32px; }
.prose { color: var(--ink-soft); font-size: 1.06rem; line-height: 1.75; }
.prose h2 { font-size: clamp(1.35rem, 2.4vw, 1.7rem); margin: 2em 0 .6em; color: var(--ink); }
.prose ul, .prose ol { padding-left: 1.3em; margin: 0 0 1.2em; }
.prose li { margin-bottom: .5em; }
.prose strong { color: var(--ink); }
.insight-cta { margin: 48px 0 20px; }
.insight-cta .btn { margin-top: 8px; }
.insight-list { display: grid; gap: 20px; max-width: 820px; }
.insight-item h2 { font-size: clamp(1.3rem, 2.4vw, 1.6rem); margin-bottom: .4em; }
.insight-item h2 a { color: var(--ink); }
.insight-item h2 a:hover { color: var(--purple); }
.insight-item .insight-meta { margin-bottom: 8px; }
.insight-read { font-weight: 600; color: var(--purple); }