/* Prix d'un canapé (/prix-moyen-canape/), inc/prix-marche.php. Builds on observatoire.css; variables from main.css. */
.prix-marche .pm-intro { max-width: 46rem; margin-top: 1.5rem; font: 400 var(--t-md)/1.6 var(--serif, inherit); }
.prix-marche .pm-citations { display: grid; gap: 0.6rem; padding: 0; margin: 0; list-style: none; max-width: 52rem; }
.prix-marche .pm-citations li { background: var(--moutarde-voile); border-left: 4px solid var(--moutarde); border-radius: 0 10px 10px 0; padding: 0.7rem 1rem; font: 500 var(--t-md)/1.45 var(--sans); }
.prix-marche .pm-table td, .prix-marche .pm-table th { white-space: nowrap; }
.prix-marche .pm-ecarts { display: grid; gap: 0.6rem; padding-left: 1.1rem; max-width: 46rem; }
.prix-marche .pm-collections { display: flex; flex-wrap: wrap; gap: 0.4rem 0.8rem; align-items: baseline; }
.pm-bande-large { fill: var(--moutarde); opacity: 0.22; }
.pm-legende__large { display: inline-block; width: 1.4rem; height: 0.6rem; background: var(--moutarde); opacity: 0.22; border-radius: 2px; }
.pm-serie { width: 100%; height: auto; max-width: 640px; display: block; }
.pm-serie__zone { fill: var(--moutarde); opacity: 0.18; }
.pm-serie__ligne { fill: none; stroke: var(--anthracite); stroke-width: 2.5; stroke-linejoin: round; }
.pm-serie__axe { font: 400 12px/1 var(--sans); fill: var(--feutre); }
@media (max-width: 520px) { .prix-marche .pm-citations li { font-size: var(--t-sm); } }