/* Résumé du PLU selon l'usage (src/resume-plu.js) : des puces d'usage, un verdict, des citations, des chiffres */
.rsum { margin: 4px 0 14px; }
.rsum-zone-titre { margin: 10px 0 4px; font-size: var(--t-13); font-weight: 600; }
.rsum-zone-titre small, .rsum-verdict small, .rsum-cit small, .rsum-chiffres small { color: var(--encre-3); font-size: var(--t-12); font-weight: 400; }
.rsum-puces { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 6px; margin: 8px 0; }
.rsum-puce { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 7px; align-items: center; padding: 7px 9px; border: 0; border-radius: var(--r-moyen); background: var(--survol); box-shadow: inset 0 0 0 1px var(--filet-2); color: var(--encre); font: inherit; font-size: var(--t-13); text-align: left; cursor: pointer; }
.rsum-puce .rsum-pt { grid-row: 1 / 3; }
.rsum-puce span { font-weight: 600; line-height: 1.25; }
.rsum-puce small { color: var(--encre-3); font-size: var(--t-11); }
.rsum-puce[aria-selected="true"] { background: var(--actif); box-shadow: inset 0 0 0 1.5px var(--encre); }
/* le point dit le verdict sans couleur d'accent : plein = admis, cerclé = sous conditions, barré = interdit */
.rsum-pt { display: inline-block; flex: none; width: 10px; height: 10px; border-radius: 50%; box-sizing: border-box; }
.rsum-libre { background: var(--encre); }
.rsum-conditions, .rsum-encadre { background: transparent; box-shadow: inset 0 0 0 2px var(--encre); }
.rsum-encadre { background: linear-gradient(90deg, var(--encre) 50%, transparent 50%); }
.rsum-interdit { background: #7A2230; }
.rsum-non-cite { background: transparent; box-shadow: inset 0 0 0 2px var(--encre-3); }
.rsum-cadre { padding: 10px 12px; border-radius: var(--r-moyen); box-shadow: inset 0 0 0 1px var(--filet-2); }
.rsum-verdict { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 6px; font-size: var(--t-14); }
.rsum-sous { margin: 10px 0 4px; color: var(--encre-3); font-size: var(--t-12); font-weight: 600; letter-spacing: 0.02em; }
.rsum-cit { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.rsum-cit li { padding-left: 10px; border-left: 2px solid var(--filet-2); color: var(--encre-2); font-size: var(--t-13); line-height: 1.5; }
.rsum-reste { color: var(--encre-3) !important; font-size: var(--t-12) !important; }
.rsum-chiffres { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px 14px; margin: 0; }
.rsum-chiffres div { min-width: 0; }
.rsum-chiffres dt { color: var(--encre-3); font-size: var(--t-12); }
.rsum-chiffres dd { margin: 0; font-size: var(--t-13); line-height: 1.4; }

.rsum-n { display: flex; align-items: center; gap: 8px; margin: 2px 0 8px; color: var(--encre-3); font-size: var(--t-12); }
.rsum-n input { width: 72px; height: 30px; padding: 0 8px; border: 0; border-radius: var(--r-bouton); background: var(--survol); box-shadow: inset 0 0 0 1px var(--filet-2); color: var(--encre); font: inherit; font-size: 1rem; }
.rsum-regles { display: grid; gap: 0; margin: 0; }
.rsum-regle { display: grid; grid-template-columns: minmax(96px, 34%) 1fr; gap: 4px 12px; padding: 7px 0; box-shadow: 0 -1px 0 var(--filet); }
.rsum-regle:first-child { box-shadow: none; }
.rsum-regle dt { color: var(--encre-3); font-size: var(--t-12); line-height: 1.4; }
.rsum-regle dd { margin: 0; font-size: var(--t-13); line-height: 1.5; color: var(--encre-2); }
.rsum-regle dd b { color: var(--encre); font-weight: 600; }
.rsum-nv { color: var(--encre-3); font-style: italic; }
.rsum-rouge dt { color: #7A2230; font-weight: 600; }
@media (max-width: 899px) { .rsum-regle { grid-template-columns: 1fr; } }
.rsum-phrase { display: block; margin-top: 3px; color: var(--encre-3); font-size: var(--t-12); line-height: 1.45; }