/* Insights article pages — reuses ../styles.css design tokens, adds article-specific layout */

.article-header{position:relative;background:var(--forest-deep);padding:20px 0;border-bottom:1px solid var(--line-on-dark);}
.article-header-inner{max-width:820px;margin:0 auto;padding:0 clamp(20px,5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:20px;}
.article-header-logo img{height:40px;width:auto;filter:brightness(0) invert(1);}
.article-header-home{font-size:13px;color:var(--cream-dim);border:1px solid var(--line-on-dark);padding:8px 16px;border-radius:2px;transition:background .25s,color .25s;}
.article-header-home:hover{background:var(--cream);color:var(--forest-deep);}

.article-hero{background:var(--forest);color:var(--cream);padding:clamp(48px,8vh,90px) 0 clamp(40px,6vh,64px);}
.article-hero-inner{max-width:820px;margin:0 auto;padding:0 clamp(20px,5vw,64px);}
.article-eyebrow{font-size:13px;letter-spacing:.06em;color:var(--timber-light);margin:0 0 16px;font-weight:500;}
.article-title{font-family:var(--serif);font-size:clamp(30px,4.5vw,50px);line-height:1.12;margin:0 0 20px;color:var(--cream);max-width:20ch;}
.article-dek{font-size:clamp(16px,1.6vw,19px);color:var(--cream-dim);max-width:60ch;line-height:1.6;}
.article-meta{margin-top:24px;font-size:13px;color:rgba(245,240,228,.5);}

.article-body{background:var(--cream);padding:clamp(48px,7vh,80px) 0;}
.article-body-inner{max-width:760px;margin:0 auto;padding:0 clamp(20px,5vw,64px);}
.article-body-inner h2{font-size:clamp(24px,2.6vw,32px);color:var(--forest-deep);margin:48px 0 18px;line-height:1.2;}
.article-body-inner h2:first-child{margin-top:0;}
.article-body-inner h3{font-family:var(--sans);font-weight:600;font-size:18px;color:var(--forest-deep);margin:32px 0 12px;}
.article-body-inner p{font-size:16.5px;line-height:1.75;color:#3A382E;margin:0 0 20px;text-align:justify;}
.article-body-inner ul,.article-body-inner ol{margin:0 0 20px;padding-left:22px;}
.article-body-inner li{font-size:16.5px;line-height:1.7;color:#3A382E;margin-bottom:10px;}
.article-body-inner strong{color:var(--forest-deep);}
.article-body-inner .pullquote{border-left:3px solid var(--timber);padding:4px 0 4px 24px;margin:32px 0;font-family:var(--serif);font-size:22px;line-height:1.4;color:var(--forest-deep);}
.article-body-inner .fact-box{background:var(--forest);color:var(--cream);padding:28px 30px;margin:32px 0;border-radius:2px;}
.article-body-inner .fact-box h4{font-family:var(--sans);font-size:13px;letter-spacing:.06em;color:var(--timber-light);margin:0 0 14px;text-transform:uppercase;}
.article-body-inner .fact-box ul{margin:0;padding-left:18px;}
.article-body-inner .fact-box li{color:var(--cream-dim);font-size:15px;margin-bottom:8px;}

.article-cta{background:var(--forest-deep);color:var(--cream);padding:clamp(56px,9vh,100px) 0;text-align:center;}
.article-cta-inner{max-width:640px;margin:0 auto;padding:0 clamp(20px,5vw,64px);}
.article-cta h2{font-family:var(--serif);font-size:clamp(26px,3vw,36px);color:var(--cream);margin:0 0 16px;}
.article-cta p{font-size:16px;color:var(--cream-dim);margin:0 0 32px;line-height:1.6;}
.article-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

.article-footer{background:var(--charcoal);color:rgba(245,240,228,.5);padding:28px 0;text-align:center;font-size:12.5px;}
.article-footer a{color:var(--timber-light);}

@media (max-width:600px){
  .article-header-home{font-size:12px;padding:7px 12px;}
}