.natiive-public-neighbourhood{--nnp-green:#174c43;--nnp-ink:#202244;--nnp-muted:#69756f;scroll-margin-top:145px;margin:38px 0 42px;padding:24px;background:#f5f7f4;border:1px solid #dce6df;border-radius:8px;color:var(--nnp-ink)}
.natiive-public-neighbourhood .nnp-eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:1.6px;color:var(--nnp-green);margin-bottom:8px}
.natiive-public-neighbourhood h2{font-size:27px!important;line-height:1.3!important;margin:0 0 8px!important;color:var(--nnp-green)!important}
.natiive-public-neighbourhood p{font-size:14px!important;line-height:1.65!important;margin:0!important;color:var(--nnp-muted)}
.natiive-public-neighbourhood .nnp-preview{font-size:12px!important;margin:16px 0 20px!important;padding-left:12px;border-left:2px solid #b5c9ba}
.nnp-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.nnp-card{min-width:0;padding:18px;background:#fff;border:1px solid #e1e7e0;border-radius:6px}
/* Rubriques successives : aucune rangée ne réserve la hauteur d'une autre carte. */
.natiive-public-neighbourhood .nnp-grid>.nnp-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-items:start}
.natiive-public-neighbourhood .nnp-grid>.nnp-card>:not(.nnp-row){grid-column:1/-1}
.natiive-public-neighbourhood .nnp-grid>.nnp-card>.nnp-row{min-width:0}
.nnp-card-title{display:flex;gap:10px;align-items:center;margin-bottom:8px}.nnp-card-title svg{width:23px;height:23px;flex:none;fill:none;stroke:var(--nnp-green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.natiive-public-neighbourhood h3{font-size:17px!important;line-height:1.35!important;margin:0!important;color:var(--nnp-green)!important}
.nnp-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0ec;font-size:13px;overflow-wrap:anywhere}.nnp-row strong{font-weight:500;color:var(--nnp-ink)}
.nnp-row>div{min-width:0}
.natiive-public-neighbourhood .nnp-row p{font-size:12px!important;margin-top:3px!important}
.nnp-distance{flex:none;white-space:nowrap;padding:4px 7px;border-radius:4px;background:#eef3ef;color:var(--nnp-green);font-size:12px;line-height:1.45}
.nnp-pending{flex:none;padding:4px 8px;background:#eff3ee;color:#66746a;font-size:11px;border-radius:4px;white-space:nowrap}
.natiive-public-neighbourhood .nnp-note{font-size:12px!important;line-height:1.5!important;margin-top:10px!important}
.nnp-sector{padding-top:16px;margin-top:16px;border-top:1px solid #dce6df;font-size:13px}.nnp-sector strong{color:var(--nnp-green)}.natiive-public-neighbourhood .nnp-sector p{font-size:12px!important;margin-top:4px!important}
@media(max-width:900px){.natiive-public-neighbourhood{padding:20px}.natiive-public-neighbourhood .nnp-grid>.nnp-card{grid-template-columns:minmax(0,1fr)}}
/* Une fiche peut rester étroite même sur un grand écran (colonne de l'annonce). */
@supports(container-type:inline-size){.natiive-public-neighbourhood .nnp-grid{container-type:inline-size}@container(max-width:620px){.natiive-public-neighbourhood .nnp-grid>.nnp-card{grid-template-columns:minmax(0,1fr)}}}
@media(max-width:480px){.natiive-public-neighbourhood{padding:18px;margin:28px 0;scroll-margin-top:105px}.natiive-public-neighbourhood h2{font-size:23px!important}.nnp-card{padding:16px}.nnp-row{gap:8px}.nnp-pending{font-size:10px;padding:3px 6px}}

/* Eiddo réorganise les niveaux de titres côté navigateur. */
#natiive-public-neighbourhood-title{font-size:27px!important;line-height:1.3!important;font-weight:500!important;color:#174c43!important;margin:0 0 8px!important}#nnp-transports-title,#nnp-schools-title,#nnp-childcare-title,#nnp-private-title{font-size:18px!important;line-height:1.35!important;font-weight:500!important;color:#174c43!important;margin:0!important}@media(max-width:480px){#natiive-public-neighbourhood-title{font-size:23px!important}}


.natiive-public-neighbourhood .nnp-card-lycees{margin-top:18px}
.natiive-public-neighbourhood .nnp-subtitle,#nnp-lycees-title{font-size:15px!important;line-height:1.4!important;color:var(--nnp-green)!important;font-weight:500!important;margin:20px 0 0!important}
.natiive-public-neighbourhood .nnp-source{display:inline-block;margin-top:14px;padding:8px 0;color:var(--nnp-green)!important;font-size:13px;line-height:1.5;font-weight:600;text-decoration:underline;text-underline-offset:3px}.natiive-public-neighbourhood a:focus-visible{outline:2px solid var(--nnp-green);outline-offset:4px}.natiive-public-neighbourhood .nnp-note a,.natiive-public-neighbourhood .nnp-sector a{color:var(--nnp-green)!important;text-decoration:underline;text-underline-offset:2px}

