/* Blog-specific styles — extends main styles.css */
.blog-header{padding:140px 0 60px;text-align:center}
.blog-header__title{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:900;letter-spacing:-0.03em;margin-bottom:12px}
.blog-header__desc{color:var(--text-secondary);font-size:1.1rem;max-width:560px;margin:0 auto}

/* Blog listing grid */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;padding-bottom:120px}
.blog-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-base);text-decoration:none;color:inherit;display:flex;flex-direction:column}
.blog-card:hover{border-color:var(--border-accent);transform:translateY(-4px);box-shadow:var(--shadow-glow)}
.blog-card__image{height:200px;background:var(--gradient-card);display:flex;align-items:center;justify-content:center;font-size:3rem;border-bottom:1px solid var(--border-subtle)}
.blog-card__body{padding:28px;flex:1;display:flex;flex-direction:column}
.blog-card__tag{display:inline-block;padding:3px 10px;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;width:fit-content}
.blog-card__tag--ai{background:rgba(0,210,255,0.1);color:var(--veloce-blue)}
.blog-card__tag--compliance{background:rgba(255,87,51,0.08);color:var(--kinetic-coral)}
.blog-card__tag--crm{background:rgba(52,211,153,0.1);color:#34d399}
.blog-card__tag--api{background:rgba(251,146,60,0.1);color:#fb923c}
.blog-card__title{font-size:1.2rem;font-weight:700;margin-bottom:10px;letter-spacing:-0.01em;line-height:1.35}
.blog-card__excerpt{color:var(--text-secondary);font-size:.88rem;line-height:1.65;flex:1}
.blog-card__meta{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle);font-size:.78rem;color:var(--text-muted)}
.blog-card__read{color:var(--veloce-blue);font-weight:600;display:flex;align-items:center;gap:4px}

/* Article page */
.article{max-width:760px;margin:0 auto;padding:140px 24px 80px}
.article__back{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:.88rem;font-weight:500;margin-bottom:32px;transition:var(--transition-base)}
.article__back:hover{color:var(--veloce-blue)}
.article__tag{display:inline-block;padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}
.article__title{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.15;letter-spacing:-0.03em;margin-bottom:16px}
.article__meta{display:flex;align-items:center;gap:16px;color:var(--text-muted);font-size:.85rem;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}
.article__body h2{font-size:1.5rem;font-weight:700;margin:40px 0 16px;letter-spacing:-0.02em}
.article__body h3{font-size:1.15rem;font-weight:600;margin:32px 0 12px}
.article__body p{color:var(--text-secondary);font-size:.95rem;line-height:1.8;margin-bottom:16px}
.article__body strong{color:var(--text-primary)}
.article__body em{color:var(--veloce-blue)}
.article__body ul,.article__body ol{color:var(--text-secondary);font-size:.95rem;line-height:1.8;margin:0 0 16px 24px}
.article__body li{margin-bottom:8px}
.article__body blockquote{border-left:3px solid var(--veloce-blue);padding:16px 24px;margin:24px 0;background:rgba(0,210,255,0.04);border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.article__body blockquote p{color:var(--text-primary);font-style:italic;margin:0}
.article__cta{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:40px;text-align:center;margin-top:48px}
.article__cta h3{font-size:1.3rem;font-weight:700;margin-bottom:8px}
.article__cta p{color:var(--text-secondary);margin-bottom:20px}

@media(max-width:768px){
  .blog-grid{grid-template-columns:1fr}
  .article{padding:120px 16px 60px}
}