/* Minimal blog styles (imported by blog pages) */
:root{--primary-color:#2563eb;--text-color:#1f2937;--card-bg:#f8fafc;--radius:8px}
body{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-color);margin:0}
.blog-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2rem;text-align:center}
.blog-container{max-width:1100px;margin:2rem auto;padding:0 1rem}
.featured-article{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:#fff;border-radius:var(--radius);overflow:hidden}
.featured-image img{width:100%;height:100%;object-fit:cover}
.featured-content{padding:1.5rem}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}
.blog-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.card-image{height:180px;overflow:hidden}
.card-image img{width:100%;height:100%;object-fit:cover}
.card-content{padding:1rem}
.article-container{max-width:800px;margin:2rem auto;padding:0 1rem}
.article-content h2{margin-top:1.5rem}
.article-footer{padding:2rem;text-align:center;color:#6b7280}