/* Bloc "parc immobilier" (données locales INSEE / ADEME / DVF / Géorisques). Neutre, compact, organisé. */
.parc {
    margin: 32px 0 8px;
    padding: 22px 24px;
    background: var(--c-surface);
    border-radius: var(--radius);
}
.parc__title {
    font-size: 1.2rem;
    margin: 0 0 6px;
}

/* Un thème = un intitulé + une note + une rangée de cases. Séparés par un fin filet. */
.parc__rows {
    display: flex;
    flex-direction: column;
}
.parc__row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px 0;
    border-top: 1px solid var(--c-border);
}
.parc__row:first-child {
    border-top: 0;
    padding-top: 6px;
}
.parc__head {
    display: flex;
    flex-direction: column;
    gap: 1px;
}
.parc__label {
    font-size: .95rem;
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--c-text);
}
.parc__note {
    font-size: .8rem;
    color: var(--c-muted);
}
/* Cases chiffrées : grand nombre + libellé dessous. Largeur au contenu, se posent côte à côte. */
.parc__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.parc__stat {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 9px 15px;
    background: var(--c-bg);
    border-radius: 9px;
    box-shadow: 0 1px 2px rgba(20, 28, 55, .05);
}
.parc__stat b {
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.05;
    color: var(--c-text);
}
.parc__stat b i {
    font-style: normal;
    font-size: .82em;
    font-weight: 700;
    margin-left: 1px;
}
.parc__stat em {
    font-style: normal;
    font-size: .76rem;
    font-weight: 600;
    color: var(--c-muted);
    white-space: nowrap;
}
.parc__source {
    margin: 15px 0 0;
    font-size: .78rem;
    color: var(--c-muted);
}

/* Étiquettes DPE : barre proportionnelle aux nombres de DPE (couleurs de l'étiquette
   officielle), puis la légende lettre + part. */
.parc__dpe {
    display: flex;
    gap: 2px;
    height: 14px;
    border-radius: 7px;
    overflow: hidden;
}
.parc__dpe-seg {
    flex-basis: 0;
    min-width: 3px;
}
.parc__dpe-seg--a { background: #009c6d; color: #fff; }
.parc__dpe-seg--b { background: #52b153; color: #fff; }
.parc__dpe-seg--c { background: #a5cc74; color: #1d1d1b; }
.parc__dpe-seg--d { background: #f4e70f; color: #1d1d1b; }
.parc__dpe-seg--e { background: #f0b50f; color: #1d1d1b; }
.parc__dpe-seg--f { background: #eb8235; color: #fff; }
.parc__dpe-seg--g { background: #d7221f; color: #fff; }
.parc__dpe-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: .78rem;
    font-weight: 600;
    color: var(--c-muted);
}
.parc__dpe-legend li {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.parc__dpe-legend i {
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    font-style: normal;
    font-size: .7rem;
    font-weight: 800;
}

/* Risques recensés : une pastille par risque. */
.parc__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.parc__tags li {
    padding: 4px 11px;
    background: var(--c-bg);
    border-radius: 999px;
    box-shadow: 0 1px 2px rgba(20, 28, 55, .05);
    font-size: .78rem;
    font-weight: 600;
    color: var(--c-text);
}

/* Mobile : les cases se partagent la largeur (2 par ligne), restent lisibles. */
@media (max-width: 640px) {
    .parc {
        padding: 18px 16px;
        margin: 24px 0 4px;
    }
    .parc__title { font-size: 1.1rem; }
    .parc__stat {
        flex: 1 1 calc(50% - 4px);
        padding: 10px 14px;
    }
    .parc__stat b { font-size: 1.2rem; }
}