/* Blog Nexora SEO : complète site.css */
.blog-head{padding:36px 0 8px}
.blog-head .kicker{display:inline-block;font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--imp);margin-bottom:12px}
.blog-head h1{font-size:clamp(2.1rem,4.4vw,3.1rem);max-width:18em}
.blog-head .lead{font-size:1.15rem;max-width:38em;margin:16px 0 0}

.posts{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;padding:36px 0 80px}
@media (max-width:760px){.posts{grid-template-columns:1fr}}
.post-card{display:block;background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--c,var(--clicks));border-radius:var(--r);padding:26px 28px;text-decoration:none;color:var(--body);transition:transform .15s,box-shadow .15s}
.post-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px -24px rgba(22,19,58,.45)}
.post-card h2{font-size:1.35rem;line-height:1.25;margin:6px 0 10px}
.post-card p{margin:0 0 14px}
.post-card .meta,.article .meta{font-size:.88rem;color:var(--muted)}
.post-card .more{font-weight:600;color:var(--clicks)}

.crumbs{font-size:.88rem;color:var(--muted);padding-top:8px}
.crumbs a{color:var(--muted)}
.article{background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--pos);border-radius:var(--r);padding:44px 52px;margin:18px auto 40px;max-width:820px}
@media (max-width:600px){.article{padding:26px 18px}}
.article h1{font-size:clamp(2rem,4vw,2.7rem);line-height:1.08;margin:10px 0 12px}
.article .chapo{font-size:1.15rem;color:var(--ink);margin:22px 0 8px}
.article h2{font-size:1.5rem;margin:40px 0 12px}
.article h3{font-size:1.12rem;margin:26px 0 8px}
.article ul,.article ol{padding-left:22px;margin:0 0 1em}
.article li{margin-bottom:6px}
.article strong{color:var(--ink)}
.toc{background:var(--fog);border-radius:var(--r);padding:18px 22px;margin:26px 0 8px;font-size:.98rem}
.toc b{display:block;color:var(--ink);margin-bottom:6px}
.toc ol{margin:0}
.kpi-table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:.96rem}
.kpi-table th,.kpi-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.kpi-table th{color:var(--ink);font-weight:650;background:var(--fog)}
.kpi-table td:first-child{font-weight:600;color:var(--ink);white-space:nowrap}
.kpi-table i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:1px}
.template{border:2px dashed var(--line);border-radius:var(--r);padding:22px 26px;margin:14px 0 20px;background:#FBFBFE}
.template ol{margin:0}
.template li{margin-bottom:10px}
.tip{border-left:4px solid var(--ctr);background:#F1FAF8;padding:12px 16px;border-radius:0 8px 8px 0;margin:18px 0}
.tip p{margin:0}
.cta-box{background:var(--night);color:#D9D6F5;border-radius:var(--r);padding:30px 32px;margin:44px 0 6px}
.cta-box h2{color:#fff;margin:0 0 10px;font-size:1.45rem}
.cta-box p{margin:0 0 20px}
.cta-box .ctas{display:flex;gap:12px;flex-wrap:wrap}
.cta-box .btn.ghost{color:#fff}
.author{display:flex;gap:14px;align-items:center;margin-top:34px;padding-top:22px;border-top:1px solid var(--line);font-size:.95rem}
.author .av{width:42px;height:42px;border-radius:50%;background:var(--imp);color:#fff;display:grid;place-items:center;font:700 1.1rem "Bricolage Grotesque",sans-serif;flex:none}
.author p{margin:0}
@media (max-width:600px){
  .kpi-table{font-size:.9rem}
  .kpi-table td:first-child{white-space:normal}
  .kpi-table th:nth-child(2),.kpi-table td:nth-child(2){display:none}
  .cta-box{padding:24px 20px}
}