/* ═══ Section « Le marché autour du bien » (rapport-marche.js) ═══
   Complète rapport.css : la section réutilise ses classes (.rsec .rtag .rnv-*
   .rbig .rtable .rmuted) et n'ajoute que ce que les figures et les cartouches
   demandent. Aucune couleur en dur : les jetons du site (index.html :root) —
   orange --accent / --accent-ink pour le quartier, --blue pour la ville. */

.rmarche .rmar-chapeau { color: var(--ink-soft); font-size: .95rem; margin: .2rem 0 .8rem; }
.rmarche .rmar-alerte {
  border: 1px solid rgba(184, 71, 0, .35); background: rgba(255, 107, 26, .07);
  border-radius: 11px; padding: .6rem .9rem; margin: .5rem 0; color: var(--accent-ink); font-size: .92rem;
}

/* Cartouches : une valeur, une étiquette ; filet d'accent en tête. */
.rmar-chiffres {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(9rem, 100%), 1fr)); gap: .5rem; margin: .6rem 0;
}
.rmar-chiffres > div {
  border: 1px solid var(--line); border-top: 3px solid var(--accent); border-radius: 0 0 10px 10px;
  padding: .55rem .7rem; background: var(--paper); min-width: 0;
}
.rmar-chiffres b {
  display: block; font-family: "General Sans", system-ui, sans-serif; font-size: 1.25rem;
  letter-spacing: -.01em; font-variant-numeric: tabular-nums; line-height: 1.15;
}
.rmar-chiffres span { display: block; font-size: .78rem; color: var(--ink-soft); margin-top: .15rem; }

/* Figures : le SVG prend toute la colonne, la légende en dessous. */
.rmar-fig { margin: .8rem 0; }
.rmar-fig svg { display: block; width: 100%; height: auto; }
.rmar-fig figcaption {
  font-family: var(--mono); font-size: .64rem; letter-spacing: .1em; text-transform: uppercase;
  color: var(--ink-soft); margin-top: .35rem;
}
.rmar-fig-vide {
  border: 1px dashed var(--line-strong); border-radius: 11px; padding: 1.2rem; text-align: center;
  color: var(--ink-soft); font-size: .9rem;
}
.rmar-fig-vide p { margin: 0 0 .3rem; }

/* Tableau de la tendance officielle : le titre en légende, les trimestres sans coupure. */
.rmar-tab caption {
  caption-side: top; text-align: left; font-family: var(--mono); font-size: .64rem; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase; color: var(--ink-soft); padding: .3rem .6rem;
}
.rmar-tab .rtable td:first-child { white-space: nowrap; }

/* « Comment c'est calculé » : replié, corpus en second plan. */
.rmar-calcul p { font-size: .9rem; color: var(--ink-soft); margin: .35rem 0; }

/* Sources : une ligne par site, le lien à la suite. */
.rmar-src { list-style: none; margin: .3rem 0 0; padding: 0; font-size: .82rem; color: var(--ink-soft); }
.rmar-src li { padding: .3rem 0; border-top: 1px solid var(--line); overflow-wrap: anywhere; }
.rmar-src li:first-child { border-top: none; }
.rmar-src a { color: var(--accent-ink); }

@media (max-width: 400px) {
  .rmar-chiffres { grid-template-columns: 1fr 1fr; }
  .rmar-chiffres b { font-size: 1.1rem; }
}
@media print {
  .rmar-calcul { display: block; }
  .rmar-calcul > summary { display: none; }
  .rmar-calcul::details-content { content-visibility: visible !important; }
  .rmar-fig, .rmar-chiffres, .rmar-tab { break-inside: avoid; }
}