/* Insights articles: loaded after styles.css */
.insights .article { padding-top: 120px; }
.insights .eyebrow a { color: inherit; text-decoration: none; }
.insights .article-title { font-family: var(--font-heading); font-weight: 900; font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1.08; letter-spacing: -.02em; color: var(--color-primary-dark); margin: 0 0 16px; }
.insights .article-subtitle { font-size: 1.25rem; color: var(--color-muted); margin: 0 0 12px; }
.insights .article-byline { font-family: var(--font-heading); font-size: .85rem; letter-spacing: .04em; text-transform: uppercase; color: var(--color-accent); margin: 0 0 36px; }
.insights .article h2 { font-family: var(--font-heading); font-weight: 800; font-size: 1.6rem; margin: 44px 0 12px; color: var(--color-primary-dark); }
.insights .article p, .insights .article li { font-size: 1.15rem; line-height: 1.7; }
.insights .article table { border-collapse: collapse; width: 100%; margin: 24px 0; font-size: 1rem; }
.insights .article th, .insights .article td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--color-border); }
.insights .article th { font-family: var(--font-heading); font-size: .85rem; letter-spacing: .03em; text-transform: uppercase; color: var(--color-muted); }

.article-figure { margin: 36px 0; }
.article-figure img { width: 100%; height: auto; display: block; border-radius: 8px; }
.article-figure figcaption { font-size: .85rem; color: var(--color-muted); margin-top: 8px; }
.ph-box { background: var(--color-bg-alt); border: 1px dashed var(--color-accent); border-radius: 8px; aspect-ratio: 16 / 9; display: flex; align-items: center; justify-content: center; color: var(--color-muted); font-family: var(--font-heading); font-size: .95rem; }
.hero-figure .ph-box { aspect-ratio: 16 / 9; }

.article-cta { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin: 40px 0; }
.article-cta .v3-button { background: var(--color-primary); border-color: var(--color-primary); color: #fff; padding: 15px 30px; border-radius: 4px; text-decoration: none; font-family: var(--font-heading); font-weight: 700; }
.article-cta .v3-button:hover { background: var(--color-primary-dark); border-color: var(--color-primary-dark); }
.cta-note { font-family: var(--font-heading); font-size: .9rem; color: var(--color-muted); }

.article-sources { border-top: 1px solid var(--color-border); margin-top: 56px; padding-top: 8px; }
.article-sources h2 { font-size: 1.2rem; }
.article-sources li, .article-sources p { font-size: .95rem; line-height: 1.55; word-break: break-word; }
.article-note { font-size: .9rem !important; color: var(--color-muted); margin-top: 36px; }

.insights-list { list-style: none; padding: 0; margin: 40px 0 0; }
.insights-list li { border-top: 1px solid var(--color-border); padding: 28px 0; }
.insights-list h2 { font-family: var(--font-heading); font-weight: 800; font-size: 1.5rem; margin: 0 0 6px; }
.insights-list h2 a { color: var(--color-primary-dark); text-decoration: none; }
.insights-list h2 a:hover { color: var(--color-primary); text-decoration: underline; }
.insights-list .insights-sub { color: var(--color-muted); margin: 0 0 8px; }