/* Long-form article styles (insights) */
.article-hero { padding: 140px 0 3rem; background: var(--white); border-bottom: 1px solid var(--line); }
.article-hero__inner { max-width: 780px; margin: 0 auto; padding: 0 var(--gutter); }
.article-hero .cat { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--emerald); margin-bottom: 1rem; display: inline-block; }
.article-hero h1 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; margin-bottom: 1.25rem; letter-spacing: -0.025em; font-weight: 500; }
.article-hero .meta { color: var(--muted); font-size: 0.9375rem; }

.article-body { padding: 3.5rem 0 6rem; }
.article-body .prose { max-width: 720px; margin: 0 auto; padding: 0 var(--gutter); font-size: 1.125rem; line-height: 1.75; color: var(--ink); }
.article-body .prose p { margin-bottom: 1.5rem; }
.article-body .prose h2 { font-size: 1.625rem; margin: 2.5rem 0 1rem; font-weight: 600; }
.article-body .prose h3 { font-size: 1.25rem; margin: 2rem 0 0.75rem; font-weight: 600; }
.article-body .prose ul, .article-body .prose ol { margin: 1rem 0 1.5rem 1.5rem; }
.article-body .prose li { margin-bottom: 0.5rem; }
.article-body .prose blockquote { border-left: 3px solid var(--emerald); padding-left: 1.5rem; margin: 2rem 0; color: var(--muted); font-style: italic; }
.article-body .prose a { color: var(--emerald); border-bottom: 1px solid var(--emerald); }

.article-nav { max-width: 780px; margin: 3rem auto 0; padding: 2rem var(--gutter) 0; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 1rem; }