/* Styles des articles de blog CBDROLE */
.article-wrap{max-width:760px;margin:0 auto;padding:48px 22px 90px}
.breadcrumb{font-family:var(--font-data);font-size:.7rem;color:var(--gris);margin-bottom:26px}
.breadcrumb a{color:var(--herbe-dark);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.article-head .kicker{font-family:var(--font-data);font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--resine)}
.article-head h1{font-family:var(--font-display);font-size:clamp(1.9rem,5vw,2.9rem);text-transform:uppercase;line-height:1.08;margin:10px 0 16px}
.article-head .lead{font-size:1.08rem;color:var(--encre-soft);line-height:1.65}
.article-meta{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--font-data);font-size:.7rem;color:var(--gris);border-top:2px solid var(--encre);border-bottom:2px dashed rgba(23,21,15,.35);padding:12px 0;margin:22px 0 6px}
.article-body{font-size:1rem;line-height:1.75;color:var(--encre)}
.article-body h2{font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase;margin:38px 0 14px;line-height:1.15}
.article-body h2::before{content:"// ";color:var(--herbe-dark)}
.article-body p{margin-bottom:16px}
.article-body a{color:var(--herbe-dark);font-weight:700}
.article-body strong{color:var(--sapin)}
.compare-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9rem;background:var(--carte);border:var(--border);box-shadow:4px 4px 0 rgba(23,21,15,.6)}
.compare-table th{background:var(--sapin);color:var(--carte);font-family:var(--font-data);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;padding:11px 12px;text-align:left}
.compare-table td{padding:11px 12px;border-bottom:1.5px dashed rgba(23,21,15,.25);vertical-align:top}
.compare-table tr td:first-child{font-weight:800;font-family:var(--font-data);font-size:.76rem;text-transform:uppercase;color:var(--encre-soft);white-space:nowrap}
.callout{background:var(--carte);border:var(--border);border-left:8px solid var(--herbe);border-radius:var(--radius);box-shadow:4px 4px 0 rgba(23,21,15,.6);padding:20px 22px;margin:26px 0;font-size:.95rem;line-height:1.65}
.callout.warn{border-left-color:var(--resine)}
.further{list-style:none;padding:0;margin:10px 0}
.further li{padding:10px 0;border-bottom:1.5px dashed rgba(23,21,15,.25)}
.further li::before{content:"→ ";color:var(--resine);font-weight:800}
.article-cta{background:var(--sapin-deep);color:var(--carte);border:var(--border);border-radius:var(--radius);box-shadow:6px 6px 0 rgba(23,21,15,.8);padding:32px;text-align:center;margin-top:46px}
.article-cta h3{font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase;margin-bottom:8px}
.article-cta p{color:rgba(251,249,243,.8);margin-bottom:18px;font-size:.95rem}
.faq-mini{margin:20px 0}
.faq-mini dt{font-weight:800;margin-top:16px;color:var(--sapin)}
.faq-mini dd{margin:6px 0 0;color:var(--encre-soft)}
