/* Blogs section (uses the theme variables from style.css) */
html{scroll-behavior:smooth}
.mv-blogs{scroll-margin-top:100px}
.mv-blogs-sub{margin:6px 0 20px;color:var(--muted)}
.mv-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:18px}

/* Card: image fills the left half, text on the right half */
.mv-blog-card{display:grid;grid-template-columns:1fr 1fr;min-height:210px;overflow:hidden;border-radius:20px;color:var(--text);text-decoration:none;
  background:linear-gradient(135deg,rgba(16,28,49,.96),rgba(23,38,63,.96));border:1px solid var(--border);
  box-shadow:0 14px 35px rgba(0,0,0,.2);transition:transform .2s,border-color .2s}
a.mv-blog-card:hover{transform:translateY(-4px);border-color:var(--accent)}
.mv-blog-card.is-placeholder{opacity:.75;border-style:dashed}

.mv-blog-media{position:relative;min-height:100%;
  background:url("logooo.png") center/38% no-repeat,linear-gradient(135deg,#0c2240,#17325c)}
.mv-blog-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.mv-blog-media img.loaded{opacity:1}

.mv-blog-body{display:flex;flex-direction:column;gap:10px;padding:20px;min-width:0}
.mv-blog-tag{font-family:"Orbitron","Rajdhani",sans-serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.mv-blog-card h4{margin:0;font-size:1.1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mv-blog-card p{margin:0;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mv-blog-meta{margin-top:auto;display:flex;justify-content:space-between;gap:10px;font-size:.9rem;color:#c9d5e5}
.mv-blog-cta{color:var(--accent);font-weight:700}

@media (max-width:640px){
  .mv-blog-grid{grid-template-columns:1fr}
  .mv-blog-card{grid-template-columns:1fr}
  .mv-blog-media{min-height:190px}
}