/* A quieter treatment for the budget, overview and selected-area report. */
.budget-overview{background:none;border:solid #35435a;border-width:1px 0;border-radius:0;box-shadow:none;padding:20px 0;margin-bottom:24px;grid-template-columns:1fr 1.15fr 1.15fr}
.budget-overview .overview-icon{display:none}
.budget-overview>div{padding-left:30px;border-left:1px solid #35435a;gap:0}
.budget-overview>div:first-child{padding-left:0}
.budget-overview span:not(.overview-icon){font-size:11px;color:#b8c4dc;line-height:1.5}
.budget-overview strong,.budget-overview>div:nth-child(2) strong,.budget-overview>div:nth-child(3) strong{font-size:30px;line-height:1.5;letter-spacing:-.7px;color:#f0f3fa;font-weight:500;font-variant-numeric:tabular-nums}
.budget-overview small{font-size:10px;line-height:1.7;color:#a9b8d3}
.budget-overview strong.is-negative{color:#ff9fbd}
.explorer-frame{align-items:start;gap:22px;border:0;border-radius:0;box-shadow:none;background:none;overflow:visible}
.budget-panel{align-self:start;min-height:0;height:auto;background:#0c1323;border:1px solid #35435a;border-radius:6px;padding:22px 20px}
.budget-panel>summary{font-size:13px;font-weight:600}
.budget-panel>summary>span:first-child>.icon{display:none}
.budget-body .segmented{background:transparent;border:0;border-bottom:1px solid #3d4b63;border-radius:0;gap:18px;padding:0}
.budget-body .segmented button{border-radius:0;padding:0 0 11px;min-height:36px;border-bottom:2px solid transparent;font-weight:500;font-size:11px;color:#aebdd7}
.budget-body .segmented button[aria-pressed=true]{background:none;box-shadow:none;border-bottom-color:#a895ed;color:#f2edff}
.budget-body .money-input,.budget-body select,.budget-body .income-settings,.budget-body .two-fields>div>input{border-radius:4px;background:#090f1d;box-shadow:none;border-color:#46536b}
.budget-body .money-input:focus-within{border-color:#b5a1ff;box-shadow:0 0 0 1px #b5a1ff}
.budget-body .income-input input{font-size:28px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.budget-body .range-label strong{color:#c2b2f4}
.budget-body input[type=range],.budget-body .check-label input{accent-color:#a895ed}
.budget-body .privacy-note{border-top:1px solid #2e3b51;padding-top:15px;margin-top:11px;color:#b1c2d8;font-size:9px}
.budget-body .privacy-note .icon{display:none}
.map-panel{border:1px solid #35435a;border-radius:6px;overflow:hidden}
.map-key{grid-column:1/-1;padding-top:15px;border-top:1px solid #35435a;width:100%}
.map-key .map-legend{padding:0;background:none;border:0;gap:10px 18px}
.map-key .map-legend strong{flex-basis:auto;width:auto;margin:0 9px 0 0;font-size:11px}
.map-key .map-disclaimer{padding:10px 0 0;background:none;font-size:10px;line-height:1.8}
.selected-area{grid-template-columns:1fr 1fr auto;grid-template-rows:auto auto;gap:23px 30px;margin-top:24px;padding:25px 0 20px;border:solid #43516a;border-width:1px 0;border-radius:0;background:none;box-shadow:none;align-items:start}
.selected-place{grid-column:1;grid-row:1}
.selected-place .eyebrow{font-size:10px;letter-spacing:0;text-transform:none;color:#b2c1d9;font-weight:400;margin-bottom:7px}
.selected-place .eyebrow .icon{display:none}
.selected-place h3{font-size:26px;font-weight:500;letter-spacing:-.6px;line-height:1.2;margin-bottom:6px}
.selected-place>p:not(.eyebrow){font-size:11px;line-height:1.6;color:#b4c3dc}
.selected-place .subtle-link{font-size:10px;margin-top:5px;color:#b4c3dc}
.selected-money{grid-column:2;grid-row:1;border:0;padding:0}
.selected-money>span:first-child{font-size:11px;line-height:1.6;color:#b4c3dc}
.selected-money>strong{font-size:40px;font-weight:500;line-height:1.35;letter-spacing:-1px;color:#f3f6fb;font-variant-numeric:tabular-nums}
.selected-money>strong.is-negative{color:#ff9fbd}
.selected-money .minimum-status{font-size:10px;line-height:1.7;color:#a4d2c4}
.selected-actions{grid-column:3;grid-row:1;align-items:flex-end;justify-content:flex-start;flex-direction:column;gap:10px;padding-top:3px}
.selected-actions .button{background:#211b36;border:1px solid #80709d;color:#f2edff;border-radius:4px;box-shadow:none;font-size:11px;font-weight:500;min-height:43px;width:auto;padding:10px 17px;order:0;gap:8px;white-space:nowrap}
.selected-actions .button:hover{background:#332747;border-color:#bba5ed;box-shadow:none;transform:none}
.selected-actions .button .icon{width:15px;height:15px}
.selected-actions .text-button{font-size:10px;line-height:1.6;padding:0;color:#bac8df}
.selected-actions .field-hint{display:block;font-size:9px;color:#a8b8d2;margin:0}
.selected-breakdown{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-rows:auto auto;column-gap:34px;row-gap:11px;background:none;border:0;border-top:1px solid #35435a;border-radius:0;padding:21px 0 0;align-items:start}
.breakdown-heading{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;font-size:11px;color:#b6c5dd}
.breakdown-heading strong{font-size:26px;font-weight:500;letter-spacing:-.5px;color:#eef3fb;font-variant-numeric:tabular-nums}
.selected-breakdown .budget-bar{grid-column:2;grid-row:1;align-self:end;height:24px;border-radius:2px;margin:0;background:#1b273b}
.selected-breakdown .bar-rent,.selected-breakdown .rent-key{background:#aa95ea}
.selected-breakdown .bar-costs,.selected-breakdown .costs-key{background:#77aac4}
.selected-breakdown .bar-left,.selected-breakdown .left-key{background:#65c7a5}
.selected-breakdown .budget-bar span+span{box-shadow:inset 3px 0 #070a18}
.selected-breakdown dl{grid-column:2;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.selected-breakdown dt{font-size:11px;font-weight:400;line-height:1.6;margin-bottom:4px;color:#b7c5dc}
.selected-breakdown dd{font-size:24px;font-weight:500;letter-spacing:-.5px;color:#f1f4fa;font-variant-numeric:tabular-nums}
.selected-breakdown .key{width:7px;height:7px;border-radius:0}
#breakdown-left-row dd{color:#b4e2d1}
#breakdown-left-row.is-negative dd,.breakdown-note.is-negative{color:#ff9fbd}
.breakdown-note{grid-column:1;grid-row:2;max-width:200px;font-size:10px;line-height:1.7;margin:0;color:#a8b8d1}
.calculation-note{font-size:10px;line-height:1.8;color:#a5b5cf;margin-top:11px}
@media(min-width:601px) and (max-width:850px){.explorer-frame{grid-template-columns:230px minmax(0,1fr);gap:16px}.budget-panel{padding:19px 16px}.selected-area{gap:20px;grid-template-columns:1fr 1fr}.selected-actions{grid-column:1/-1;grid-row:3;flex-direction:row;align-items:center;justify-content:flex-start;gap:18px;border-top:1px solid #35435a;padding-top:17px}.selected-breakdown{grid-template-columns:170px minmax(0,1fr);column-gap:22px}.selected-breakdown dt{font-size:10px}.selected-breakdown dd{font-size:22px}.budget-overview>div{padding-left:20px}.budget-overview span:not(.overview-icon){font-size:10px}.budget-overview small{font-size:9px}}
@media(max-width:600px){.budget-overview{grid-template-columns:1fr 1fr;padding:16px 0;gap:14px 18px;margin-bottom:20px}.budget-overview>div{padding-left:0;border:0}.budget-overview>div:nth-child(2){padding-left:16px;border-left:1px solid #35435a}.budget-overview>div:nth-child(3){border-top:1px solid #35435a;padding-top:13px}.budget-overview>div:nth-child(3)>div{width:100%;gap:0 12px}.budget-overview span:not(.overview-icon){font-size:10px}.budget-overview small{font-size:9px}.budget-overview strong,.budget-overview>div:nth-child(2) strong{font-size:28px}.budget-overview>div:nth-child(3) strong{font-size:25px}.explorer-frame{gap:16px}.budget-panel{width:100%;padding:18px 17px;border-radius:5px}.budget-panel>summary{font-size:13px}.budget-body .segmented{gap:22px}.map-panel{width:100%;border-radius:5px}.selected-area{grid-template-columns:1fr 1fr;gap:21px 17px;padding:21px 0 17px;margin-top:22px}.selected-place .eyebrow{font-size:10px}.selected-place h3{font-size:23px;line-height:1.2}.selected-place>p:not(.eyebrow){font-size:10px}.selected-place .subtle-link{font-size:9px}.selected-money>span:first-child{font-size:10px}.selected-money>strong{font-size:34px;letter-spacing:-.8px}.selected-money .minimum-status{font-size:9px}.selected-breakdown{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:15px;padding-top:18px}.breakdown-heading{grid-column:1;grid-row:1;flex-direction:row;align-items:center;justify-content:space-between;font-size:11px;gap:14px}.breakdown-heading strong{font-size:24px}.selected-breakdown .budget-bar{grid-column:1;grid-row:2;height:24px}.selected-breakdown dl{grid-column:1;grid-row:3;gap:12px}.selected-breakdown dt{font-size:10px;gap:5px}.selected-breakdown dd{font-size:22px}.breakdown-note{grid-column:1;grid-row:4;max-width:none;font-size:9px}.selected-actions{grid-column:1/-1;grid-row:3;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid #35435a;padding-top:17px;gap:13px 17px}.selected-actions .button{font-size:11px;width:auto;min-height:44px}.selected-actions .text-button{font-size:10px;flex:1;min-width:110px;text-align:left}.selected-actions .field-hint{width:100%;font-size:9px}.calculation-note{font-size:9px}}
@media(max-width:360px){.selected-place h3{font-size:21px}.selected-money>strong{font-size:30px}.selected-breakdown dd{font-size:20px}.selected-breakdown dt{font-size:9px}.selected-actions .button{width:100%}.selected-actions .text-button{text-align:center}.selected-actions .field-hint{text-align:center}}
@media print{.explorer-frame{display:block}.map-panel{border:0}.selected-area{break-inside:avoid}.selected-actions{display:none}}