/* Explicit result labels and a readable monthly budget breakdown. */
.map-metric-heading{padding:18px 22px 15px;background:#0c1326;border-bottom:1px solid #2d3a51}
.map-metric-heading h3{font-family:var(--display);font-size:21px;font-weight:500;letter-spacing:-.5px;margin:0;color:#f0f5ff;line-height:1.3}
.map-metric-heading p{font-size:11px;line-height:1.7;color:#b7c8e7;margin:5px 0 0}
.map-metric-heading p strong{color:#7cf2c8;font-weight:600}
.map-legend{gap:10px 17px;padding:17px 22px 14px;font-size:11px}
.map-legend strong{flex-basis:100%;font-size:12px;margin:0 0 2px;color:#e2edff}
.map-legend .swatch{height:11px;width:11px;border-radius:3px}
.map-disclaimer{font-size:10px;line-height:1.8;padding-bottom:16px}
.map-marker .marker-caption{font-family:var(--ui);font-weight:500;font-size:6.5px;fill:#bdcdec}
.map-marker.selected .marker-caption{fill:#fff}
.map-stage .map-marker rect{transform:none}
.selected-area{grid-template-columns:.9fr .9fr 1.5fr .95fr;gap:24px;align-items:center}
.selected-area>div{min-width:0}
.selected-money>span:first-child{font-size:12px;line-height:1.6;color:#c0ceea}
.selected-breakdown{background:#0a1222;border:1px solid #44577580;border-radius:12px;padding:17px 18px}
.breakdown-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;font-size:11px;color:#c0ceea}
.breakdown-heading h4{font:inherit;margin:0;font-weight:500}
.breakdown-heading strong{font-family:var(--display);font-size:19px;line-height:1.1;color:#f2f6ff;font-weight:600;white-space:nowrap}
.selected-breakdown .budget-bar{height:24px;gap:0;border-radius:5px;margin:0 0 14px}
.selected-breakdown .budget-bar span{min-width:0;flex-shrink:0}
.selected-breakdown .budget-bar span+span{box-shadow:inset 3px 0 #0a1222}
.selected-breakdown dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.selected-breakdown dl>div{display:block;margin:0;font-size:11px;min-width:0}
.selected-breakdown dt{font-size:10px;line-height:1.5;align-items:center;gap:6px;color:#bdcdec;margin:0 0 5px}
.selected-breakdown dd{font-family:var(--display);font-size:21px;line-height:1.25;font-weight:600;letter-spacing:-.4px;overflow-wrap:anywhere}
.selected-breakdown .key{width:7px;height:7px;flex:none;border-radius:2px}
.left-key{background:var(--p3)}
#breakdown-left-row dd{color:var(--p3)}
#breakdown-left-row.is-negative dd,.breakdown-note.is-negative{color:#ff9fbd}
#breakdown-left-row.is-negative .left-key{background:#ff9fbd}
.breakdown-note{font-size:9px;line-height:1.7;color:#acbddb;margin:12px 0 0}
.breakdown-unavailable .budget-bar{opacity:.45}
.selected-breakdown #bar-rent{width:33.380952%}.selected-breakdown #bar-costs{width:26.190476%}.selected-breakdown #bar-left{width:40.428572%}
@media(max-width:1150px){.selected-area{grid-template-columns:1fr 1fr 1.65fr;gap:20px}.selected-breakdown{padding:15px}.selected-breakdown dd{font-size:19px}.selected-actions{grid-column:1/-1}.selected-money{padding-left:20px}}
@media(max-width:850px){.selected-area{grid-template-columns:1fr 1fr}.selected-breakdown{grid-column:1/-1}.selected-breakdown dd{font-size:25px}.breakdown-heading strong{font-size:22px}.selected-breakdown dt{font-size:12px}.breakdown-note{font-size:10px}.selected-breakdown .budget-bar{height:27px}.selected-money>span:first-child{font-size:11px}}
@media(max-width:600px){.map-metric-heading{padding:16px 15px 13px}.map-metric-heading h3{font-size:21px}.map-metric-heading p{font-size:11px;max-width:32em}.map-legend{padding:15px;gap:10px 15px;font-size:10px}.map-legend strong{font-size:12px}.map-disclaimer{padding:0 15px 15px;font-size:10px}.map-marker .marker-caption{font-size:7px}.selected-area{padding:20px 17px;gap:19px}.selected-money{padding-left:15px}.selected-breakdown{padding:17px 14px}.selected-breakdown dl{gap:8px}.selected-breakdown dt{font-size:10px;gap:5px}.selected-breakdown dd{font-size:22px}.breakdown-heading{font-size:11px}.breakdown-heading strong{font-size:21px}.breakdown-note{font-size:9px}.selected-actions{flex-direction:column;gap:12px}.selected-actions .button{order:0;width:100%;font-size:12px}.selected-actions .text-button{font-size:11px}.selected-actions .field-hint{display:block;font-size:9px}}
@media(max-width:360px){.selected-breakdown dd{font-size:19px}.selected-breakdown dt{font-size:9px}.selected-money>strong{font-size:34px}.selected-place h3{font-size:21px}.selected-breakdown{padding:15px 12px}}