:root{
    --blog-navy:#141a33;
    --blog-navy-2:#1c2347;
    --blog-coral:#ff4d5e;
    --blog-coral-dark:#e63950;
    --blog-muted:#a9afc9;
  }
  
  
  .blog-hero{
    background:linear-gradient(135deg, var(--blog-navy) 0%, var(--blog-navy-2) 100%);
    color:#fff;
  }
  .blog-badge{
    background:rgba(255,77,94,0.15);
    color:var(--blog-coral);
    border:1px solid rgba(255,77,94,0.4);
  }
  .blog-highlight{ color:var(--blog-coral); }
  .blog-card{
    border:none;
    box-shadow:0 6px 20px rgba(20,26,51,0.08);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .blog-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 30px rgba(20,26,51,0.12);
  }
  .blog-card-img{
    height:200px;
    object-fit:cover;
  }
  .blog-category{
    color:var(--blog-coral-dark);
    font-weight:600;
    letter-spacing:.02em;
  }
  .blog-meta{ color:#8a8fa8; }
  .blog-sidebar-title{
    border-left:4px solid var(--blog-coral);
    padding-left:.6rem;
  }
  .blog-tag{
    background:#eef0f8;
    color:#3a3f63;
    border-radius:50px;
  }
  .blog-tag:hover{
    background:var(--blog-coral);
    color:#fff;
  }
  .blog-cta-btn{
    background:var(--blog-coral);
    border:none;
  }
  .blog-cta-btn:hover{
    background:var(--blog-coral-dark);
  }
  .blog-footer{
    background:var(--blog-navy);
    color:var(--blog-muted);
  }
  .blog-featured-post{
    background:#fff;
  }

   
  .blogbody{
    font-family:'Hind Siliguri', sans-serif;
    background:#f6f7fb;
    color:#20233d;
  }
  .blog-header{ background:var(--blog-navy); }
  .blog-brand{ color:#fff; font-weight:700; }
  .blog-brand span{ color:var(--blog-coral); }
  .blog-nav .nav-link{ color:var(--blog-muted)!important; }
  .blog-nav .nav-link.active, .blog-nav .nav-link:hover{ color:#fff!important; }
  .blog-highlight{ color:var(--blog-coral); }
  .blog-category{
    color:var(--blog-coral-dark);
    font-weight:600;
    letter-spacing:.02em;
  }
  .blog-meta{ color:#8a8fa8; }
  .blog-cover{
    max-height:420px;
    object-fit:cover;
  }
  .blog-content p{
    line-height:1.9;
    margin-bottom:1.3rem;
  }
  .blog-content h3{
    margin-top:2rem;
    margin-bottom:1rem;
    font-weight:700;
  }
  .blog-content blockquote{
    border-left:4px solid var(--blog-coral);
    background:#fbf3f4;
    padding:1rem 1.5rem;
    color:#4a4e6b;
    font-style:italic;
    border-radius:.3rem;
  }
  .blog-card{
    border:none;
    box-shadow:0 6px 20px rgba(20,26,51,0.08);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .blog-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 30px rgba(20,26,51,0.12);
  }
  .blog-card-img{ height:150px; object-fit:cover; }
  .blog-sidebar-title{
    border-left:4px solid var(--blog-coral);
    padding-left:.6rem;
  }
  .blog-tag{
    background:#eef0f8;
    color:#3a3f63;
    border-radius:50px;
  }
  .blog-tag:hover{ background:var(--blog-coral); color:#fff; }
  .blog-cta-btn{ background:var(--blog-coral); border:none; }
  .blog-cta-btn:hover{ background:var(--blog-coral-dark); }
  .blog-author-avatar{
    width:56px; height:56px; object-fit:cover;
  }
  .blog-share-btn{
    width:38px; height:38px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:#eef0f8;
    color:#3a3f63;
  }
  .blog-share-btn:hover{ background:var(--blog-coral); color:#fff; }
  .blog-comment-box{ background:#fff; }
  .blog-footer{ background:var(--blog-navy); color:var(--blog-muted); }
  .blog-hero-mini{
    background:linear-gradient(135deg, var(--blog-navy) 0%, var(--blog-navy-2) 100%);
    color:#fff;
  }