/* SimSolutions blog article styles (used only on article pages) */

.article-header{padding:56px 24px 0; max-width:888px; margin:0 auto; box-sizing:border-box;}
.back-link{display:inline-flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:13px; color:var(--text-tertiary); text-decoration:none; margin-bottom:22px;}
.back-link:hover{color:var(--accent);}
.article-eyebrow{font-family:var(--font-mono); font-size:12.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--accent); margin-bottom:14px;}
.article-title{font-family:var(--font-display); font-size:clamp(26px,3.6vw,38px); line-height:1.2; color:var(--text-primary); margin-bottom:18px;}
.article-meta{display:flex; gap:18px; flex-wrap:wrap; font-family:var(--font-mono); font-size:13px; color:var(--text-tertiary); border-top:1px solid var(--border-soft); border-bottom:1px solid var(--border-soft); padding:14px 0; margin-bottom:28px;}
.article-hero-img{width:100%; max-height:320px; object-fit:cover; object-position:center 40%; border-radius:var(--radius); display:block; margin-bottom:8px;}
.article-hero-credit{font-size:12px; color:var(--text-tertiary); margin-bottom:8px;}
.article-body{max-width:840px; margin:0 auto; padding:0 24px; box-sizing:border-box; font-size:16.5px; line-height:1.75; color:var(--text-secondary);}
.article-body h2{font-family:var(--font-display); font-size:26px; color:var(--text-primary); margin:52px 0 18px; padding-top:8px;}
.article-body h3{font-family:var(--font-display); font-size:19px; color:var(--text-primary); margin:36px 0 14px;}
.article-body p{margin:0 0 20px;}
.article-body strong{color:var(--text-primary); font-weight:700;}
.pull-quote{font-family:var(--font-display); font-size:24px; line-height:1.4; color:var(--text-primary); border-left:3px solid var(--accent); padding:6px 0 6px 26px; margin:44px 0;}
.article-figure{margin:36px 0;}
.article-figure img{width:100%; height:auto; object-fit:contain; border-radius:var(--radius); display:block;}
.article-figure figcaption{font-size:13px; color:var(--text-tertiary); margin-top:10px; line-height:1.5;}
.article-gallery{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:36px 0 8px; align-items:stretch;}
.article-gallery img{width:100%; height:100%; object-fit:contain; object-position:center; border-radius:var(--radius); border:1px solid var(--border-soft); background:#fff; padding:14px; box-sizing:border-box; display:block;}
.article-gallery-caption{font-size:13px; color:var(--text-tertiary); margin-top:14px; margin-bottom:36px; line-height:1.5; max-width:760px;}
@media (max-width:640px){ .article-gallery{grid-template-columns:1fr;} }
.stat-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; margin:28px 0 40px;}
.stat-card{background:var(--bg-elevated); border:1px solid var(--border-soft); border-radius:var(--radius); padding:22px;}
.stat-card .stat-label{font-family:var(--font-display); font-size:14.5px; color:var(--text-primary); margin-bottom:8px; font-weight:700;}
.stat-card .stat-detail{font-size:13.5px; color:var(--text-secondary); line-height:1.5;}
.about-box{background:var(--bg-elevated); border:1px solid var(--border-soft); border-radius:var(--radius); padding:28px 30px; margin:56px 0 40px;}
.about-box h3{margin-top:0;}
.about-box p{margin:0; font-size:15px;}
.article-cta{text-align:center; padding:50px 0 70px; border-top:1px solid var(--border-soft); margin-top:20px;}
.article-cta h3{font-family:var(--font-display); font-size:24px; color:var(--text-primary); margin-bottom:20px;}