/* ═══════════════════════════════════════════════════════════════
   Code légal — cartes d'articles / amendements. Styles extraits des
   template strings de legal-code.js. Les 3 messages d'état
   (chargement / erreur / aucun résultat) restent inline côté JS.
═══════════════════════════════════════════════════════════════ */
.legal-hl{background:rgba(251,191,36,0.30);color:var(--text);padding:0 2px;border-radius:2px}

.legal-card{margin-bottom:8px;padding:0;overflow:hidden}
.legal-toggle{width:100%;text-align:left;background:none;border:none;padding:12px 14px;cursor:pointer;display:flex;gap:12px;align-items:center;color:var(--text)}
.legal-toggle--amd{gap:10px}
.legal-caret{color:var(--text3);font-size:11px}

.legal-amd-title{font-size:11px;font-weight:700;color:var(--blue3,#60a5fa);min-width:160px;flex-shrink:0}
.legal-amd-sub{flex:1;font-size:13px;color:var(--text);font-weight:500}
.legal-amd-body{padding:0 14px 12px 14px;font-size:13px;color:var(--text2);line-height:1.6;border-top:1px solid var(--border)}

.legal-art-num{font-size:12px;font-weight:700;color:var(--blue3,#60a5fa);min-width:60px;flex-shrink:0}
.legal-art-title{flex:1;font-size:14px;color:var(--text);font-weight:600}
.legal-art-count{font-size:11px;color:var(--text3);flex-shrink:0}
.legal-body{padding:0 14px 14px 14px;border-top:1px solid var(--border)}
.legal-para{display:flex;gap:10px;padding:8px 0;font-size:13px;color:var(--text2);line-height:1.6}
.legal-para--sep{border-top:1px solid rgba(255,255,255,0.04)}
.legal-para-num{color:var(--text3);font-weight:600;flex-shrink:0;min-width:24px}