/* Poids de la page : barres de répartition par type de fichier */
.pdx-barres { display: grid; gap: 0.7em; }
.pdx-barre { display: grid; grid-template-columns: 8em 1fr 11em; align-items: center; gap: 0.9em; }
.pdx-barre-nom { font-weight: 600; }
.pdx-barre-piste { height: 0.9em; border-radius: 0.45em; background: var(--brume); overflow: hidden; }
.pdx-barre-plein { display: block; height: 100%; border-radius: 0.45em; background: var(--info-trait); }
.pdx-cat-image { background: var(--orange); }
.pdx-cat-js { background: #5b7fa6; }
.pdx-cat-css { background: #8fb3c9; }
.pdx-cat-police { background: #c9a36b; }
.pdx-cat-html { background: var(--encre); }
.pdx-barre-val { color: var(--gris); text-align: right; }
.pdx-lourdes-t td:last-child { white-space: nowrap; text-align: right; }
@media (max-width: 40em) {
	.pdx-barre { grid-template-columns: 1fr auto; gap: 0.3em 0.8em; }
	.pdx-barre-piste { grid-column: 1 / -1; grid-row: 2; }
	.pdx-lourdes-t td:last-child { text-align: left; }
}

/* Essai WebP / AVIF : gain en vert, perte en rouge */
.pdx-formats-t .note.pdx-gain { color: var(--ok); font-weight: 700; }
.pdx-formats-t .note.pdx-perte { color: var(--err); }