/* ── Blog-specific styles ── */
.sn-blog-hero{background:var(--sn-dark);padding:50px 0 40px;color:#fff}
.sn-blog-hero h1{color:#fff;font-size:2rem}
.sn-blog-hero p{color:rgba(255,255,255,.8)}
.sn-blog-hero .sn-breadcrumb{margin-bottom:8px;font-size:.9rem}
.sn-blog-hero .sn-breadcrumb a{color:var(--sn-gold)}

/* Blog index cards */
.sn-blog-card{background:#fff;border-radius:var(--sn-radius);padding:24px;box-shadow:var(--sn-shadow);border:1px solid var(--sn-border);transition:var(--sn-transition);height:100%}
.sn-blog-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.1)}
.sn-blog-card h2{font-size:1.15rem;margin-bottom:10px}
.sn-blog-card h2 a{color:var(--sn-navy);transition:var(--sn-transition)}
.sn-blog-card h2 a:hover{color:var(--sn-gold)}
.sn-blog-card .sn-blog-meta{font-size:.82rem;color:var(--sn-muted);margin-bottom:10px}
.sn-blog-card .sn-blog-excerpt{font-size:.93rem;color:#555;margin-bottom:14px}
.sn-blog-card .sn-read-more{color:var(--sn-gold);font-weight:600;font-size:.9rem}

/* Blog pagination */
.sn-pagination{display:flex;justify-content:center;gap:8px;margin-top:40px;flex-wrap:wrap}
.sn-pagination a,.sn-pagination span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-weight:600;font-size:.9rem;transition:var(--sn-transition);border:1px solid var(--sn-border)}
.sn-pagination a{color:var(--sn-navy);background:#fff}
.sn-pagination a:hover{background:var(--sn-gold);color:#fff;border-color:var(--sn-gold)}
.sn-pagination span.active{background:var(--sn-gold);color:#fff;border-color:var(--sn-gold)}

/* Blog single post */
.sn-post-content{max-width:840px;margin:0 auto}
.sn-post-content h2{font-size:1.5rem;margin-top:2rem;margin-bottom:.75rem;color:var(--sn-navy)}
.sn-post-content h3{font-size:1.2rem;margin-top:1.5rem;margin-bottom:.5rem}
.sn-post-content p{font-size:1rem;line-height:1.8;color:#444}
.sn-post-content ul,.sn-post-content ol{padding-left:1.5rem;margin-bottom:1rem}
.sn-post-content li{margin-bottom:.5rem;color:#444}
.sn-post-content blockquote{border-left:4px solid var(--sn-gold);padding:16px 20px;margin:1.5rem 0;background:var(--sn-light);border-radius:0 var(--sn-radius) var(--sn-radius) 0}
.sn-post-content a{color:var(--sn-gold);font-weight:500}

/* Quick answer box */
.sn-quick-answer{background:var(--sn-light);border-left:4px solid var(--sn-gold);padding:20px 24px;border-radius:0 var(--sn-radius) var(--sn-radius) 0;margin-bottom:2rem}
.sn-quick-answer strong{color:var(--sn-navy);display:block;margin-bottom:6px;font-size:1rem}

/* Post CTA box */
.sn-post-cta{background:linear-gradient(135deg,var(--sn-dark),#10402d);padding:30px;border-radius:var(--sn-radius);text-align:center;margin:2rem 0;color:#fff}
.sn-post-cta h3{color:var(--sn-gold);margin-bottom:10px}
.sn-post-cta p{color:rgba(255,255,255,.8);margin-bottom:16px}

/* Author box in posts */
.sn-post-author{display:flex;gap:16px;align-items:center;background:var(--sn-light);padding:20px;border-radius:var(--sn-radius);margin-top:2rem}
.sn-post-author .sn-author-avatar{width:56px;height:56px;background:var(--sn-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.1rem;flex-shrink:0}

/* Related posts */
.sn-related{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--sn-border)}
.sn-related h3{font-size:1.2rem;margin-bottom:16px;color:var(--sn-navy)}
.sn-related ul{list-style:none;padding:0}
.sn-related li{margin-bottom:10px}
.sn-related a{color:var(--sn-gold);font-weight:500;font-size:.95rem}

/* Review verdict box */
.sn-verdict{background:#fff;border:2px solid var(--sn-gold);border-radius:var(--sn-radius);padding:24px;margin:1.5rem 0}
.sn-verdict h3{color:var(--sn-gold);margin-bottom:10px}
.sn-verdict .sn-stars{color:var(--sn-gold);font-size:1.2rem}

@media(max-width:767px){
  .sn-blog-hero{padding:35px 0 30px}
  .sn-blog-hero h1{font-size:1.5rem}
  .sn-post-author{flex-direction:column;text-align:center}
  .sn-post-content h2{font-size:1.3rem}
}

.sn-blog-hero .sn-breadcrumb a{color:var(--sn-glow)}
.sn-post-cta h3{color:var(--sn-glow)}
.sn-post-cta a:not(.sn-cta){color:var(--sn-glow)!important}
