/* Styles d'articles partagés – complète assets/css/site.css */
.crumb{display:inline-block;margin-bottom:10px;font-size:14px;color:#cfd6e2}.crumb:hover{color:#fff;text-decoration:underline}
.article{max-width:880px;margin:0 auto;padding:36px 20px 56px}
.article h2{font-size:clamp(21px,3vw,26px);margin:36px 0 12px;padding-left:12px;border-left:5px solid var(--accent);line-height:1.3}
.article h2:first-child{margin-top:0}
.article h3{font-size:19px;margin:22px 0 8px}
.article p,.article li{font-size:17px;line-height:1.65}
.article ul,.article ol{padding-left:22px}.article li{margin:6px 0}
.article li::marker{color:var(--accent)}
.article a{color:var(--accent);font-weight:600}.article a:hover{text-decoration:underline}
.article img.responsive{border-radius:var(--radius);margin:18px auto;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.article .btn{color:#fff;margin:6px 8px 6px 0}.article .btn:hover{text-decoration:none}
.tw{overflow-x:auto;margin:18px 0;border-radius:var(--radius);border:1px solid var(--line)}
.article table{width:100%;border-collapse:collapse;font-size:15px}
.article th{background:var(--dark);color:#fff;text-align:left}
.article th,.article td{padding:10px 14px;border:1px solid var(--line);vertical-align:top}
.article tr:nth-child(even) td{background:var(--soft)}
.video-container{position:relative;aspect-ratio:16/9;margin:18px 0;border-radius:var(--radius);overflow:hidden;background:#000}
.video-container iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.tocard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;transition:.2s}
.tocard:hover{border-color:var(--accent);box-shadow:0 8px 18px -8px rgba(0,0,0,.18)}
.tocard h3{margin:0 0 10px;font-size:18px}.tocard ul{list-style:none;padding:0;margin:0}.tocard li{margin:0;border-top:1px solid var(--line)}
.tocard li a{display:block;padding:9px 0;font-weight:500;font-size:15px;color:var(--text)}.tocard li a:hover{color:var(--accent);text-decoration:none}
.pager{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}
.pager a{flex:1 1 240px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius);font-size:15px;color:var(--text)!important;font-weight:600}
.pager a:hover{border-color:var(--accent);text-decoration:none!important}.pager small{display:block;color:var(--muted);font-weight:400}.pager .next{text-align:right}
.callout{background:var(--soft);border-left:5px solid var(--accent);padding:14px 18px;border-radius:8px}
@media print{.site-header,.site-footer,.crumb,.pager,.noprint{display:none!important}.page-hero{background:none;color:#000;padding:0 0 10px}.page-hero h1{font-size:20px}.article{padding:0}.article th{background:#eee;color:#000}}

.article img{display:block;max-width:100%;height:auto;margin:18px auto;border-radius:var(--radius);box-shadow:0 4px 14px rgba(0,0,0,.12)}
.article blockquote{margin:18px 0;padding:12px 18px;background:var(--soft);border-left:5px solid var(--accent);border-radius:8px}
.article .important{font-weight:700;color:var(--accent-d)}
.article h1{font-size:28px}
.article button{display:inline-block;padding:11px 24px;border-radius:30px;border:0;background:var(--accent);color:#fff;font:600 15px Inter,sans-serif;cursor:pointer;margin:10px 8px 10px 0}.article button:hover{background:var(--accent-d)}
.article .grid{margin:18px 0}
.article .card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;color:var(--text);font-weight:400;transition:.2s}
.article .card:hover{border-color:var(--accent);transform:translateY(-3px);text-decoration:none}
.article .card h3{margin:0;font-size:16px}.article .card img{margin:0 0 6px}
.article .pdf-badge{display:inline-block;width:fit-content;background:#fee2e2;color:var(--accent-d);font-weight:800;font-size:12px;padding:3px 9px;border-radius:6px}
.article .card-footer{margin-top:auto;font-size:14px;font-weight:600;color:var(--accent)}
.article .category-title{margin-top:34px}
.article .question{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin:14px 0}
.article .question h3{margin:0 0 8px;font-size:17px}.article label{display:block;margin:6px 0;cursor:pointer}
.article .correct{color:#1b8a3a;font-weight:700}.article .incorrect{color:var(--accent);font-weight:700}
.article #score{font-size:20px;font-weight:700;margin-top:14px}
.mcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin:22px 0}
.mcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.2s}
.mcard:hover{border-color:var(--accent);box-shadow:0 8px 18px -8px rgba(0,0,0,.2)}
.mcard img{margin:0;border-radius:0;box-shadow:none;aspect-ratio:16/9;object-fit:cover;width:100%}
.mcard .mb{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.mcard h3{margin:0 0 8px;font-size:18px;line-height:1.3}.mcard h3 a{color:var(--text)}
.mcard ul{margin:0 0 12px;padding-left:18px;color:var(--muted);font-size:14px}.mcard li{font-size:14px;margin:3px 0}.mcard p{font-size:14px;color:var(--muted);margin:0 0 12px}
.mcard .link{margin-top:auto}