/* Outil « Je touche l'ARE » : graphique SVG, tableau des montants, détail par option */
.pepit-outil[data-outil="are"] input,.pepit-outil[data-outil="are"] select{box-sizing:border-box;max-width:100%}
.pepit-outil[data-outil="are"] .pepit-are-graph{margin-top:18px;background:#fff;border-radius:12px;padding:8px 0 0;overflow:hidden}
.pepit-outil[data-outil="are"] .pepit-are-graph svg{display:block;max-width:100%}
.pepit-outil[data-outil="are"] svg .ax{font:11px Inter,Arial,sans-serif;fill:#777}
.pepit-outil[data-outil="are"] .pepit-are-pastille{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:-1px}
.pepit-outil[data-outil="are"] .pepit-outil-res table{margin:0 0 14px}
.pepit-outil[data-outil="are"] .pepit-outil-res td{padding:8px 10px}
.pepit-outil[data-outil="are"] .pepit-outil-res td:nth-child(2){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pepit-outil[data-outil="are"] .pepit-outil-gros{font-size:22px}
.pepit-outil[data-outil="are"] ul.pepit-are-detail{margin:0;padding-left:18px}
.pepit-outil[data-outil="are"] ul.pepit-are-detail li{font-size:14px;margin:0 0 6px;line-height:1.5}
@media (max-width:520px){.pepit-outil[data-outil="are"] .pepit-outil-res td{padding:8px 6px;font-size:13px}}