.formalCityContext,.resultResidentContext{box-sizing:border-box;min-width:0;margin:20px 0;padding:18px;border:1px solid #dce9e5;border-radius:16px;background:#f7fbf9;color:#233c36;overflow-wrap:anywhere;line-height:1.65}
.formalCityContext h3{margin:0 0 8px;font-size:18px}
.formalCityContext p,.resultResidentContext p{font-size:13px;margin:8px 0 14px}
.formalCityContext .metricCompareGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.formalCityContext .metricCompareCard{min-width:0;padding:12px;border:1px solid #e0eae6;border-radius:10px;background:#fff}
.formalCityContext .metricValues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.formalCityContext .metricValues small,.formalCityContext .metricValues strong{display:block}
.formalCityContext .metricValues strong{font-size:22px;font-variant-numeric:tabular-nums}
.formalCityContext .metricCompareCard em{display:block;margin-top:8px;font-size:12px;font-style:normal;color:#48685d}
.resultResidentContext button{max-width:100%;padding:10px 14px;border:1px solid #25836b;border-radius:10px;background:#fff;color:#17644f;font:inherit;cursor:pointer}
.resultResidentContext button:disabled{opacity:.6;cursor:wait}
.resultResidentContext button:focus-visible{outline:3px solid #25836b;outline-offset:3px}
.resultResidentContext ul{padding-left:20px;font-size:13px}
@media(max-width:600px){.formalCityContext .metricCompareGrid{grid-template-columns:minmax(0,1fr)}.formalCityContext,.resultResidentContext{padding:14px}}