/* ── BLOG STYLES ────────────────────────────────────────────── */
.blog-hero{
  background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(14,165,233,.12),transparent);
  padding:3rem 1.5rem 2rem;border-bottom:1px solid var(--border);
}
.blog-meta-top{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}
.blog-cat{background:rgba(14,165,233,.1);color:var(--blue);font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:100px;text-transform:uppercase;letter-spacing:.05em}
.blog-date,.blog-read{font-size:.82rem;color:var(--muted)}
.blog-hero h1{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;line-height:1.2;margin-bottom:1.25rem;letter-spacing:-.02em}
.blog-author-bar{display:flex;align-items:center;gap:.75rem}
.blog-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue2));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.85rem;flex-shrink:0}
.blog-author-name{font-size:.875rem;font-weight:600;color:var(--text)}
.blog-author-role{font-size:.78rem;color:var(--muted)}

/* Layout */
.blog-layout{display:grid;grid-template-columns:1fr 320px;gap:3rem;padding-top:3rem;padding-bottom:4rem;align-items:start}
.blog-content{min-width:0}

/* Article content */
.blog-content h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text);margin:2.5rem 0 1rem;padding-top:.5rem;border-top:1px solid var(--border)}
.blog-content h2:first-child{margin-top:0;border-top:none}
.blog-content h3{font-size:1.1rem;font-weight:700;color:var(--text);margin:1.75rem 0 .75rem}
.blog-content h4{font-size:1rem;font-weight:600;color:var(--text);margin:1.25rem 0 .5rem}
.blog-content p{color:var(--muted);line-height:1.85;margin-bottom:1.25rem;font-size:.97rem}
.blog-content a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.blog-content a:hover{color:var(--gold)}
.blog-content ul,.blog-content ol{padding-left:1.5rem;margin-bottom:1.25rem}
.blog-content ul{list-style:disc}
.blog-content ol{list-style:decimal}
.blog-content li{color:var(--muted);line-height:1.8;margin-bottom:.4rem;font-size:.97rem}
.blog-content strong{color:var(--text);font-weight:600}

/* Info boxes */
.blog-box{background:var(--dark2);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin:1.75rem 0}
.blog-box.blue{border-left:3px solid var(--blue)}
.blog-box.gold{border-left:3px solid var(--gold)}
.blog-box.green{border-left:3px solid var(--green)}
.blog-box h4{color:var(--text);margin-bottom:.5rem;font-size:.95rem}
.blog-box p{margin-bottom:0}

/* Comparison table */
.blog-table-wrap{overflow-x:auto;margin:1.75rem 0}
.blog-table{width:100%;border-collapse:collapse;font-size:.875rem}
.blog-table th{background:var(--dark3);color:var(--text);font-weight:700;padding:.75rem 1rem;text-align:left;border-bottom:2px solid var(--border)}
.blog-table td{padding:.65rem 1rem;border-bottom:1px solid var(--border);color:var(--muted);vertical-align:top}
.blog-table tr:hover td{background:rgba(255,255,255,.02)}
.blog-table .yes{color:var(--green);font-weight:600}
.blog-table .no{color:var(--red)}

/* Step list */
.step-list{list-style:none;padding:0;counter-reset:steps;margin:1.25rem 0}
.step-list li{counter-increment:steps;display:flex;gap:1rem;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--border)}
.step-list li:last-child{border-bottom:none}
.step-list li::before{content:counter(steps);min-width:28px;height:28px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:#fff;flex-shrink:0;margin-top:.1rem}

/* FAQ in blog */
.blog-faq{margin:1.75rem 0}

/* Sidebar */
.blog-sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:1.25rem}
.sidebar-card{background:var(--dark2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}
.sidebar-card h3{font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:.75rem}
.sidebar-card p{font-size:.85rem;color:var(--muted);margin-bottom:1rem}
.sidebar-plans{list-style:none;padding:0;display:flex;flex-direction:column;gap:.35rem}
.sidebar-plans li{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);padding:.3rem 0;border-bottom:1px solid var(--border)}
.sidebar-plans li:last-child{border-bottom:none}
.sidebar-plans strong{color:var(--text)}
.sidebar-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:.35rem}
.sidebar-links a{font-size:.85rem;color:var(--blue);display:block;padding:.25rem 0;border-bottom:1px solid var(--border)}
.sidebar-links li:last-child a{border-bottom:none}

/* Related posts */
.blog-related{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}
.blog-related h2{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.related-card{background:var(--dark2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-decoration:none;transition:border-color var(--transition)}
.related-card:hover{border-color:rgba(14,165,233,.3)}
.related-card-cat{font-size:.72rem;color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}
.related-card-title{font-size:.9rem;font-weight:600;color:var(--text);line-height:1.4}

/* Blog index */
.blog-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}
.blog-index-card{background:var(--dark2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:border-color var(--transition),transform var(--transition)}
.blog-index-card:hover{border-color:rgba(14,165,233,.3);transform:translateY(-2px)}
.bic-thumb{background:linear-gradient(135deg,var(--dark3),var(--dark2));height:120px;display:flex;align-items:center;justify-content:center;font-size:3rem;border-bottom:1px solid var(--border)}
.bic-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}
.bic-cat{font-size:.72rem;color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}
.bic-title{font-size:1rem;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:.5rem}
.bic-excerpt{font-size:.85rem;color:var(--muted);line-height:1.6;flex:1}
.bic-meta{display:flex;gap:.75rem;font-size:.75rem;color:var(--muted);margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}
.bic-read-more{display:inline-flex;align-items:center;gap:.3rem;color:var(--blue);font-size:.82rem;font-weight:600;margin-top:.75rem}

/* Responsive */
@media(max-width:1024px){.blog-layout{grid-template-columns:1fr;}.blog-sidebar{position:static}}
@media(max-width:768px){.blog-hero{padding:2rem 1rem 1.5rem}.blog-layout{padding:2rem 0}.blog-index-grid{grid-template-columns:1fr}}