/* Les grands dossiers PCB : cartes d'articles (fil actualités + lecteur) */
.pcb-dossiers { max-width: 1100px; margin: 0 auto; padding: 0 0 2.5rem; }
.pcb-dossiers .dossiers-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.4rem; }
.pcb-dossiers .dossiers-titre { font-size: clamp(1.3rem, 2.6vw, 1.8rem); font-weight: 800; letter-spacing: -.02em; margin: 0; }
.pcb-dossiers .dossiers-titre span { color: #E30613; }
.pcb-dossiers .dossiers-sub { font-size: .8rem; color: #6B6862; margin: .3rem 0 0; }
.dossiers-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.dossier-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #E7E4DD; border-radius: 10px; overflow: hidden; text-decoration: none; color: #0A0A0A; transition: transform .2s ease, box-shadow .25s ease, border-color .25s ease; }
.dossier-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -22px rgba(10,10,10,.35); border-color: #E30613; }
.dossier-card .dc-img { aspect-ratio: 16 / 9; width: 100%; object-fit: cover; background: #E8E6E0; display: block; }
.dossier-card .dc-body { padding: 1rem 1.05rem 1.15rem; display: flex; flex-direction: column; gap: .5rem; flex: 1; }
.dossier-card .dc-cat { align-self: flex-start; background: #E30613; color: #fff; font-size: .6rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; padding: .28rem .6rem; border-radius: 999px; }
.dossier-card .dc-titre { font-size: 1.02rem; font-weight: 800; letter-spacing: -.015em; line-height: 1.3; margin: 0; }
.dossier-card .dc-extrait { font-size: .82rem; color: #55524C; line-height: 1.55; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.dossier-card .dc-meta { margin-top: auto; padding-top: .6rem; font-size: .7rem; color: #8A867F; display: flex; gap: .8rem; align-items: center; }
.dossier-card .dc-meta .dc-lire { margin-left: auto; color: #E30613; font-weight: 700; }
@media (prefers-reduced-motion: reduce) { .dossier-card { transition: none; } .dossier-card:hover { transform: none; } }