.hero-blog{min-height:auto;padding:10rem 2rem 4rem}
.hero-blog .hero-description{margin-bottom:1rem}

.blog-list{padding:4rem 2rem 8rem;background:var(--bg-primary)}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;max-width:1200px;margin:0 auto}
.blog-card{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;overflow:hidden;transition:transform .4s,box-shadow .4s,border-color .3s;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--card-shadow);border-color:var(--accent)}
.blog-card-image{width:100%;aspect-ratio:1.9 / 1;overflow:hidden;background:var(--bg-tertiary)}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.blog-card:hover .blog-card-image img{transform:scale(1.05)}
.blog-card-body{padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;flex-grow:1}
.blog-card-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}
.blog-card-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted)}
.blog-card h2{font-family:'Space Grotesk',sans-serif;font-size:1.35rem;font-weight:600;line-height:1.3;color:var(--text-primary);margin:0;letter-spacing:-0.01em}
.blog-card-excerpt{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0;flex-grow:1}
.blog-card-cta{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--accent);margin-top:auto;padding-top:.5rem}
.blog-card-cta i[data-lucide]{width:16px;height:16px;transition:transform .3s}
.blog-card:hover .blog-card-cta i[data-lucide]{transform:translateX(4px)}

.article-hero{padding:9rem 2rem 3rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.article-hero-content{max-width:1000px;margin:0 auto;text-align:center;position:relative;z-index:1}
.article-breadcrumb{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem}
.article-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .3s}
.article-breadcrumb a:hover{color:var(--accent)}
.article-breadcrumb i[data-lucide]{width:14px;height:14px}
.article-hero h1{font-size:clamp(1.75rem,4.5vw,3rem);line-height:1.15;margin-bottom:1.5rem;letter-spacing:-0.02em}
.article-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:var(--text-secondary);margin-bottom:2rem}
.article-meta-item{display:inline-flex;align-items:center;gap:.4rem}
.article-meta-item i[data-lucide]{width:16px;height:16px;color:var(--accent)}
.article-meta-divider{width:4px;height:4px;border-radius:50%;background:var(--text-muted);opacity:.5}
.article-cover{max-width:1200px;margin:2rem auto 0;border-radius:20px;overflow:hidden;box-shadow:var(--card-shadow);border:1px solid var(--border)}
.article-cover img{width:100%;height:auto;display:block}

.article-body{padding:4rem 2rem;background:var(--bg-primary)}
.article-content{max-width:1000px;margin:0 auto;font-size:1.05rem;line-height:1.8;color:var(--text-secondary)}
.article-content > p{margin-bottom:1.5rem}
.article-content > p:first-of-type{font-size:1.15rem;color:var(--text-primary);line-height:1.7}
.article-content h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.2;color:var(--text-primary);margin:3.5rem 0 1.25rem;letter-spacing:-0.02em}
.article-content h3{font-family:'Space Grotesk',sans-serif;font-size:1.35rem;font-weight:600;color:var(--text-primary);margin:2.5rem 0 1rem;letter-spacing:-0.01em}
.article-content a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .3s}
.article-content a:hover{color:var(--accent-secondary)}
.article-content strong{color:var(--text-primary);font-weight:600;opacity:.9}
.article-content ul,.article-content ol{margin:1rem 0 1.5rem;padding-left:1.5rem}
.article-content li{margin-bottom:.5rem}
.article-content blockquote{margin:2rem 0;padding:1.25rem 1.5rem;border-left:3px solid var(--accent);background:var(--bg-secondary);border-radius:0 12px 12px 0;font-style:italic;color:var(--text-primary)}

.comparison-wrapper{margin:2.5rem 0;overflow-x:auto;border-radius:16px;border:1px solid var(--border);background:var(--card-bg)}
.comparison-table{width:100%;min-width:720px;border-collapse:collapse;font-size:.95rem}
.comparison-table thead{background:var(--bg-tertiary)}
.comparison-table th{padding:1rem 1.25rem;text-align:left;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.85rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}
.comparison-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle}
.comparison-table tr:last-child td{border-bottom:none}
.comparison-table tr:hover{background:var(--card-hover)}
.comparison-table tr.highlight-row{background:linear-gradient(90deg,rgba(14,165,233,.05),transparent)}
.comparison-table tr.highlight-row:hover{background:linear-gradient(90deg,rgba(14,165,233,.08),transparent)}
.comparison-table .plugin-name{font-weight:600;color:var(--text-primary);white-space:nowrap}
.comparison-check{color:var(--accent-tertiary);font-weight:700;display:inline-block;margin-right:.25rem}
.comparison-cross{color:var(--text-muted);font-weight:700;display:inline-block;margin-right:.25rem}
.comparison-partial{color:#f59e0b;font-weight:700;display:inline-block;margin-right:.25rem}

.plugin-review{position:relative;margin:2rem 0;padding:2.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:24px;transition:border-color .3s,box-shadow .3s,transform .3s}
.plugin-review:hover{border-color:var(--accent);box-shadow:0 12px 40px rgba(14,165,233,.08);transform:translateY(-2px)}
.plugin-review.featured{border:2px solid var(--accent);background:linear-gradient(135deg,var(--card-bg) 0%,rgba(14,165,233,.05) 100%);box-shadow:0 8px 30px rgba(14,165,233,.06)}
.plugin-review.featured::before{content:"Notre solution";position:absolute;top:-12px;right:2rem;padding:.4rem 1rem;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;border-radius:100px;box-shadow:0 4px 12px var(--glow)}
.plugin-review-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.plugin-review-title{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}
.plugin-review-title h3{font-family:'Space Grotesk',sans-serif;font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;letter-spacing:-0.01em}
.plugin-review-tagline{font-size:.9rem;color:var(--text-muted);font-weight:500;line-height:1.4}
.plugin-rating{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.1rem;background:linear-gradient(135deg,var(--bg-tertiary),rgba(245,158,11,.08));border:1px solid rgba(245,158,11,.15);border-radius:100px;font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--text-primary);font-size:1rem;flex-shrink:0;white-space:nowrap}
.plugin-rating .stars{color:#f59e0b;letter-spacing:.1em;font-size:.85rem}
.plugin-review > p{margin-bottom:1.25rem;font-size:1rem;line-height:1.7}
.plugin-review-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0;padding:1.5rem;background:var(--bg-tertiary);border-radius:16px}
.plugin-pros,.plugin-cons{display:flex;flex-direction:column;gap:.5rem}
.plugin-pros h4,.plugin-cons h4{font-family:'Space Grotesk',sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}
.plugin-pros h4 i[data-lucide]{color:var(--accent-tertiary);width:18px;height:18px}
.plugin-cons h4 i[data-lucide]{color:#ef4444;width:18px;height:18px}
.plugin-pros ul,.plugin-cons ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}
.plugin-pros li,.plugin-cons li{font-size:.92rem;line-height:1.5;color:var(--text-secondary);padding-left:1.5rem;position:relative}
.plugin-pros li::before{content:"✓";position:absolute;left:0;top:0;color:var(--accent-tertiary);font-weight:700;font-size:1rem}
.plugin-cons li::before{content:"−";position:absolute;left:0;top:-2px;color:#ef4444;font-weight:700;font-size:1.1rem}
.plugin-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border)}
.plugin-meta-item{display:flex;flex-direction:column;gap:.3rem;padding:.5rem 0}
.plugin-meta-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600}
.plugin-meta-value{font-size:1rem;font-weight:600;color:var(--text-primary);font-family:'Space Grotesk',sans-serif}

.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin:2rem 0}
.use-case{padding:1.75rem;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;transition:border-color .3s,transform .3s,box-shadow .3s}
.use-case:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px rgba(14,165,233,.06)}
.use-case-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--bg-tertiary),rgba(14,165,233,.08));display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:1.1rem}
.use-case-icon i[data-lucide]{width:24px;height:24px}
.use-case h4{font-family:'Space Grotesk',sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .6rem;line-height:1.3}
.use-case p{font-size:.9rem;color:var(--text-secondary);line-height:1.55;margin:0 0 1rem}
.use-case-recommendation{font-size:.88rem;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:.4rem;padding-top:.75rem;border-top:1px solid var(--border);width:100%}
.use-case-recommendation i[data-lucide]{width:14px;height:14px}

.blog-toc{margin:2.5rem 0;padding:1.75rem 2rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;max-width:600px;position:static !important;float:none !important;display:block}
.blog-toc-title{font-family:'Space Grotesk',sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}
.blog-toc-title i[data-lucide]{width:16px;height:16px}
.blog-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem;counter-reset:toc-counter}
.blog-toc-list li{counter-increment:toc-counter}
.blog-toc-list a{display:flex;align-items:baseline;gap:.75rem;padding:.4rem 0;color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .3s}
.blog-toc-list a:hover{color:var(--accent)}
.blog-toc-list a::before{content:counter(toc-counter,decimal-leading-zero);font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--accent);font-size:.85rem;flex-shrink:0}

.article-faq{margin:2rem 0}
.article-faq .faq-grid{max-width:100%;margin:0;display:flex;flex-direction:column;gap:1rem}
.article-faq .faq-item{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .3s}
.article-faq .faq-item:hover{border-color:var(--accent)}
.article-faq .faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit}
.article-faq .faq-question span{font-size:1rem;font-weight:500;color:var(--text-primary)}
.article-faq .faq-question i[data-lucide]{width:20px;height:20px;color:var(--text-muted);transition:transform .3s;flex-shrink:0}
.article-faq .faq-item.open .faq-question i[data-lucide]{transform:rotate(180deg)}
.article-faq .faq-answer{max-height:0;overflow:hidden;transition:max-height .3s,padding .3s}
.article-faq .faq-item.open .faq-answer{max-height:600px;padding:0 1.5rem 1.25rem}
.article-faq .faq-answer p{font-size:.95rem;color:var(--text-secondary);line-height:1.7}
.article-faq .faq-answer a{color:var(--accent);text-decoration:none}
.article-faq .faq-answer a:hover{text-decoration:underline}

@media (max-width:768px){
.article-hero{padding:7rem 1.25rem 2rem}
.article-body{padding:2.5rem 1.25rem}
.article-content{font-size:1rem;line-height:1.7}
.article-content h2{margin:2.5rem 0 1rem}
.article-content h3{margin:2rem 0 .75rem}
.article-meta{font-size:.85rem;gap:.6rem}
.plugin-review{padding:1.5rem}
.plugin-review-header{flex-direction:column;align-items:stretch}
.plugin-review-title h3{font-size:1.3rem}
.plugin-rating{align-self:flex-start}
.plugin-review-body{grid-template-columns:1fr;gap:1.5rem;padding:1.25rem}
.blog-list{padding:2rem 1.25rem 4rem}
.blog-grid{grid-template-columns:1fr;gap:1.5rem}
.hero-blog{padding:7rem 1.25rem 3rem}
.blog-toc{padding:1.25rem 1.5rem}
.plugin-review.featured::before{right:1rem;font-size:.65rem}
}

@media (max-width:480px){
.plugin-meta{grid-template-columns:1fr 1fr}
}