/* Blog dark mode override */
@media (prefers-color-scheme: dark){
  body{
    background:#0b1220 !important;
    color: rgba(255,255,255,.92) !important;
  }

  :root{
    --ink: rgba(255,255,255,.92) !important;
    --muted: rgba(255,255,255,.72) !important;
    --line: rgba(255,255,255,.12) !important;
    --cardbg: rgba(255,255,255,.06) !important;
  }

  .blog-hero{ border-bottom: 1px solid var(--line) !important; }

  .blog-card{
    border: 1px solid var(--line) !important;
    background: var(--cardbg) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
    backdrop-filter: blur(6px);
  }

  .blog-title a{ color: var(--ink) !important; }

  .btn-read{
    border: 1px solid rgba(255,255,255,.16) !important;
    background: rgba(255,255,255,.08) !important;
    color: var(--ink) !important;
  }
  .btn-read:hover{ background: rgba(255,255,255,.12) !important; }

  .blog-cta{
    border: 1px solid rgba(255,255,255,.14) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(0,0,0,0)) !important;
    box-shadow: 0 14px 40px rgba(0,0,0,.38) !important;
  }
  .blog-cta a{
    border: 1px solid rgba(255,255,255,.18) !important;
    background: rgba(255,255,255,.10) !important;
    color: var(--ink) !important;
  }
  .blog-cta a:hover{ background: rgba(255,255,255,.14) !important; }
}