.blog-section { background: var(--bg); }

.blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; margin-bottom: 48px; }
.blog-card  { background: #fff; border-radius: 22px; border-top: 4px solid var(--accent); box-shadow: 0 4px 18px rgba(0,80,140,0.08); text-decoration: none; color: inherit; display: flex; flex-direction: column; overflow: hidden; transition: transform 0.22s, box-shadow 0.22s; }
.blog-card:hover { transform: translateY(-6px); box-shadow: 0 14px 40px rgba(0,80,140,0.14); }
.blog-thumb { background: #2d2420; display: flex; align-items: center; justify-content: center; font-size: 52px; padding: 28px; }
.blog-body  { padding: 22px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.blog-tag   { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 4px 11px; border-radius: 50px; }
.blog-meta  { font-size: 12px; font-weight: 600; color: var(--muted); }
.blog-card h3 { font-family: 'Baloo 2', cursive; font-weight: 800; font-size: 17px; color: var(--navy); line-height: 1.35; }
.blog-card p  { font-size: 13px; color: var(--muted); font-weight: 600; line-height: 1.6; flex: 1; }
.blog-read-more { font-size: 13px; font-weight: 800; color: var(--teal); margin-top: 4px; }