body { font-family: var(--font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
h1, h2, h3, h4 { font-family: var(--font-title); line-height: 1.05; margin: 0; letter-spacing: -.025em; }
h1 { font-size: clamp(2.6rem, 6vw, 5.7rem); }
h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
h3 { font-size: clamp(1.25rem, 2vw, 1.65rem); }
p { margin: 0; color: var(--color-muted); }
.eyebrow { display: inline-flex; align-items: center; gap: .55rem; color: var(--color-primary); font-weight: 800; text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; }
.eyebrow::before { content: ""; width: 34px; height: 2px; background: var(--color-accent); border-radius: 99px; }
.section-title { max-width: 780px; }
.section-title p { margin-top: 1rem; font-size: 1.08rem; }
.lead { font-size: clamp(1.08rem, 2vw, 1.32rem); color: #dce8f5; max-width: 760px; }
.text-columns { columns: 2 340px; column-gap: 3rem; }
.article-body { max-width: 780px; margin-inline: auto; }
.article-body p { font-size: 1.12rem; line-height: 1.85; margin-bottom: 1.3rem; color: #334b60; }

.article-links { margin-top: 2rem; padding-top: 1.2rem; border-top: 1px solid var(--color-border); display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; }
.article-links h3 { width: 100%; margin-bottom: .2rem; color: var(--color-primary); }
