/* Insights extends the existing brand and legal reading layout. */
.insights-grid { display: grid; gap: 24px; padding-block: 48px 72px; }
.insight-card { min-width: 0; padding: 28px; border: 1px solid var(--gray-200); border-radius: var(--radius); background: var(--white); box-shadow: var(--shadow); }
.insight-card h2 { font-size: 1.4rem; line-height: 1.4; }
.insight-card h2 a { text-decoration: none; color: var(--ink); }
.insight-card h2 a:hover { text-decoration: underline; color: var(--blue-700); }
.card-note { color: var(--blue-700); font-weight: 600; margin-bottom: 0; }
.draft-status { color: var(--muted); font-size: .9rem; margin-block: 12px 0; }
.back-link { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 20px; }
.blog-body > h2 { margin-top: 2.75rem; }
.blog-body > h2:first-child { margin-top: 0; }
.blog-body { overflow-wrap: anywhere; }
.blog-callout { background: var(--tint); border-radius: var(--radius); padding: 24px; margin-block: 36px; }
.blog-callout .btn { white-space: normal; text-align: center; }
@media (min-width: 768px) { .insights-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .insights-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }