/* Le bloc « marché » d'une estimation (assets/js/marche-bloc.js) : la charte
   de Mon adresse — blanc, bleu nuit pour les chiffres, or pour l'accent,
   filets fins. Sur fond nuit (résultat de l'estimateur), .mb-sombre inverse. */
.mb { --mb-nuit: var(--green, #081938); --mb-or: var(--gold, #8B6F47); --mb-or-clair: var(--gold-light, #C9A96E); --mb-encre: var(--text, #1A1A1A); --mb-gris: var(--text-muted, #5C5C5C); --mb-bord: var(--border, #E0DCD4); --mb-fond: #fff; --mb-chiffre: var(--green, #081938); font-family: var(--font-sans); }
.mb-sombre { --mb-nuit: #fff; --mb-encre: rgba(255,255,255,0.88); --mb-gris: rgba(255,255,255,0.62); --mb-bord: rgba(255,255,255,0.16); --mb-fond: transparent; --mb-chiffre: #fff; --mb-or: var(--gold-light, #C9A96E); }
.mb-bloc { padding: 32px 0; border-top: 1px solid var(--mb-bord); }
.mb-compact .mb-bloc { padding: 22px 0; }
.mb-titre { font-family: var(--font); font-weight: 400; font-size: clamp(20px, 2.2vw, 26px); color: var(--mb-nuit); margin: 0 0 18px; line-height: 1.2; letter-spacing: -0.01em; }
.mb-compact .mb-titre { font-size: 18px; margin-bottom: 12px; }
.mb-phrase { font-size: 15px; line-height: 1.6; color: var(--mb-encre); margin: 22px 0 6px; max-width: 64ch; }
.mb-source { font-size: 12px; color: var(--mb-gris); margin: 0; line-height: 1.5; }
.mb-lien { display: inline-block; margin-top: 14px; font-size: 13px; color: var(--mb-or); text-decoration: none; }
.mb-lien:hover { color: var(--mb-nuit); }
.mb-faits { list-style: none; margin: 0; padding: 0; }
.mb-faits li { padding: 10px 0; border-top: 1px solid var(--mb-bord); font-size: 15px; color: var(--mb-encre); }
.mb-faits li:last-child { border-bottom: 1px solid var(--mb-bord); }

/* Le rail */
.mb-rail { position: relative; padding: 58px 0 0; margin: 8px 0 0; }
.mb-rail-ligne { position: relative; height: 2px; background: var(--mb-bord); }
.mb-rail-iqr { position: absolute; top: -3px; height: 8px; background: rgba(139,111,71,0.22); border-radius: 4px; }
.mb-rail-vous { position: absolute; top: -6px; height: 14px; background: var(--mb-or); border-radius: 7px; box-shadow: 0 0 0 3px var(--mb-fond); }
.mb-rail-tick { position: absolute; top: -8px; transform: translateX(-50%); }
.mb-rail-tick i { display: block; width: 1px; height: 18px; background: var(--mb-gris); }
.mb-rail-tick-med i { background: var(--mb-nuit); width: 2px; height: 22px; margin-top: -2px; }
.mb-rail-legende { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-top: 20px; }
.mb-rail-col { display: flex; flex-direction: column; gap: 2px; }
.mb-rail-col-med { text-align: center; }
.mb-rail-col-q3 { text-align: right; }
.mb-rail-col b { font-family: var(--font); font-weight: 400; font-size: clamp(14px, 1.5vw, 18px); color: var(--mb-chiffre); font-variant-numeric: tabular-nums; white-space: nowrap; }
.mb-rail-col small { font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mb-gris); }
.mb-rail-col-med b { color: var(--mb-nuit); }
.mb-rail-etiquette { position: absolute; top: 0; transform: translateX(-50%); text-align: center; white-space: nowrap; max-width: 100%; }
.mb-rail-etiquette b { display: block; font-family: var(--font); font-weight: 400; font-size: clamp(16px, 1.8vw, 20px); color: var(--mb-chiffre); font-variant-numeric: tabular-nums; }
.mb-rail-etiquette small { display: block; font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--mb-or); margin-top: 2px; }
.mb-rail-etiquette::after { content: ''; display: block; width: 1px; height: 12px; margin: 6px auto 0; background: var(--mb-or); }

/* Les ventes */
.mb-grille { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 22px 18px; }
.mb-compact .mb-grille { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 16px 14px; }
.mb-vente-vue { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background: rgba(128,128,128,0.15); margin-bottom: 10px; }
.mb-vente-texte { display: flex; flex-direction: column; gap: 3px; }
.mb-vente-dist { font-size: 10.5px; letter-spacing: 0.12em; color: var(--mb-or); font-variant-numeric: tabular-nums; }
.mb-vente strong { font-family: var(--font); font-weight: 400; font-size: 16px; color: var(--mb-nuit); line-height: 1.2; }
.mb-compact .mb-vente strong { font-size: 14.5px; }
.mb-vente-meta { font-size: 11.5px; color: var(--mb-gris); }
.mb-vente-prix { font-family: var(--font); font-size: 15px; color: var(--mb-chiffre); font-variant-numeric: tabular-nums; margin-top: 2px; }

@media (max-width: 640px) {
	.mb-rail { padding-top: 56px; }
	.mb-rail-etiquette { left: 50% !important; transform: translateX(-50%); }
	.mb-rail-etiquette b { font-size: 15px; }
	.mb-rail-col b { font-size: 12.5px; }
	.mb-rail-col small { font-size: 8.5px; letter-spacing: 0.08em; }
	.mb-grille { grid-template-columns: repeat(2, 1fr); gap: 16px 12px; }
}