/* ── BADGES ── */
.badge-critique { background:rgba(206,17,38,0.1);   color:#CE1126; border:1px solid rgba(206,17,38,0.25); }
.badge-eleve    { background:rgba(234,88,12,0.1);   color:#C2410C; border:1px solid rgba(234,88,12,0.25); }
.badge-modere   { background:rgba(234,179,8,0.12);  color:#92400E; border:1px solid rgba(234,179,8,0.3); }

/* ── ARTICLE CARD ── */
.article-card { transition: all 0.3s cubic-bezier(0.4,0,0.2,1); cursor: pointer; }
.article-card:hover { transform:translateY(-4px); box-shadow:0 20px 60px rgba(0,63,135,0.12)!important; }
.article-card.expanded { transform:none!important; }

/* ── EXPANDABLE ── */
.expand-content { overflow:hidden; transition:all 0.4s cubic-bezier(0.4,0,0.2,1); }
.expand-content.collapsed { max-height:0; opacity:0; }
.expand-content.expanded  { max-height:1200px; opacity:1; }

/* ── FILTER TABS ── */
.filter-tab { transition:all 0.25s; cursor:pointer; white-space:nowrap; }
.filter-tab.active { color:white!important; }
.filter-tab-all.active     { background:#003F87!important; }
.filter-tab-critique.active { background:#CE1126!important; }
.filter-tab-eleve.active   { background:#EA580C!important; }
.filter-tab-modere.active  { background:#EAB308!important; }

/* ── LEVEL BAR ── */
.level-bar { height:4px; border-radius:2px; }
.level-critique { background:linear-gradient(90deg,#CE1126,#ff4d5e); width:100%; }
.level-eleve    { background:linear-gradient(90deg,#EA580C,#ff7c3c); width:70%; }
.level-modere   { background:linear-gradient(90deg,#EAB308,#fcd34d); width:40%; }

/* ── SECTION TAB ── */
.section-tab { transition:all 0.25s; cursor:pointer; }
.section-tab.active { color:#003F87!important; border-bottom:2px solid #003F87; }

/* ── TAGS ── */
.conflict-tag { background:rgba(206,17,38,0.08);  color:#CE1126; border:1px solid rgba(206,17,38,0.15); }
.solution-tag { background:rgba(0,63,135,0.08);   color:#003F87; border:1px solid rgba(0,63,135,0.15); }

/* ── ANIMATIONS ── */
@keyframes pulse-red { 0%,100%{box-shadow:0 0 0 0 rgba(206,17,38,0.3);} 50%{box-shadow:0 0 0 8px rgba(206,17,38,0);} }
.pulse-red { animation:pulse-red 2.5s infinite; }

/* ── HIDE ── */
.card-hidden { display:none!important; }

/* ── TOP 3 ── */
.top3-card {
  background:linear-gradient(135deg,rgba(206,17,38,0.04),rgba(0,63,135,0.04));
  border:1px solid rgba(206,17,38,0.15)!important;
}
.top3-card:hover { box-shadow:0 20px 60px rgba(206,17,38,0.12)!important; }

/* ── RISK DOT ── */
.risk-dot       { display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:6px; vertical-align:middle; }
.risk-dot-red   { background:#CE1126; }
.risk-dot-orange{ background:#EA580C; }
.risk-dot-yellow{ background:#EAB308; }

/* ── EXPAND ICON ── */
.expand-icon { transition:transform 0.3s ease; }
.expanded .expand-icon { transform:rotate(180deg); }

/* ── SEARCH ── */
.search-input { background:rgba(255,255,255,0.8); backdrop-filter:blur(10px); border:1px solid rgba(0,63,135,0.15); transition:all 0.25s; }
.search-input:focus { outline:none; border-color:#003F87; box-shadow:0 0 0 3px rgba(0,63,135,0.1); }