/* Shared quick-estimate surfaces for public tools, owner preview and isolated DEV. */
.calc-quick #calc-basic{row-gap:24px}.calc-quick #calc-basic>[data-field=price]{padding:22px;background:var(--brand-soft);border:0}
.calc-quick #calc-basic>[data-field=price]>span:first-child{font-size:17px}.calc-quick #calc-basic>[data-field=price]>input[type=number]{font-size:clamp(26px,4vw,36px);height:64px;background:#fff;border-color:var(--brand-line);font-variant-numeric:tabular-nums}
.calc-quick .calc-budget-slider{appearance:auto;display:block;width:100%;height:44px;min-height:44px;padding:0;border:0;background:transparent;accent-color:var(--brand-dark);cursor:pointer;margin:8px 0 0}
.calc-quick .calc-slider-limits{font-size:13px;color:var(--brand-muted);line-height:1.6;font-weight:400;letter-spacing:0}
.calc-quick #hint-price,.calc-quick [data-origin=price],.calc-quick #hint-downPercent{display:none}
.calculator.calc-quick #calc-basic input.calc-starter-value{color:#71746e}
.calc-quick [data-field=price]:has(.calc-starter-value) [data-origin=price]{display:block}
.calc-quick .calc-quick-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;background:var(--brand-dark);color:var(--brand-paper);margin:24px 0 12px;border-radius:4px}
.calc-quick-summary>div{display:flex;flex-direction:column;gap:8px;min-width:0}.calc-quick-summary span{font-size:14px}.calc-quick-summary strong{font-family:var(--serif,Georgia,serif);font-size:clamp(24px,3vw,32px);font-weight:400;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.calc-quick-summary small,.calc-quick .calc-quick-note{font-size:13px;line-height:1.7;color:var(--brand-muted)}.calc-quick .calc-quick-note{margin:0 0 24px}.calc-quick #calc-loan-summary{display:none!important}
.calc-quick .calc-detail{padding:0 18px;background:var(--brand-paper);border:0;margin:12px 0;border-radius:4px}.calc-quick .calc-detail>summary{min-height:60px;padding:18px 0;line-height:1.6}.calc-quick .calc-detail[open]{padding-bottom:20px}.calc-quick .calc-estimate-basis li{margin:12px 0;font-size:14px;line-height:1.8}.calc-quick .calc-estimate-basis p{font-size:14px;line-height:1.8}.calc-quick .calc-estimate-basis a{color:var(--brand-dark);text-decoration:underline}.calc-quick .calc-estimate-basis button{min-height:44px;font-size:14px}
.calc-quick :focus-visible{outline:3px solid var(--brand-dark);outline-offset:3px}.calc-quick .calc-toolbar{position:static!important;margin-top:20px;box-shadow:none;background:transparent;border:0;padding:0}.calc-quick .calc-toolbar p{font-size:13px}
.journey-panel>.calc-affordability{background:var(--brand-paper);padding:16px 20px;margin-bottom:20px;border-radius:4px}.calc-affordability>summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.calc-affordability .journey-fields{margin:16px 0 0}
@media(max-width:600px){.calc-quick #calc-basic>[data-field=price]{padding:16px}.calc-quick .calc-quick-summary{grid-template-columns:1fr;gap:22px;padding:20px}.calc-quick .calc-detail{padding-left:14px;padding-right:14px}.calc-quick .calc-detail>summary{display:block}.calc-quick .calc-detail>summary small{display:block}.calc-quick-summary strong{font-size:30px}}

/* Same cool surfaces and charcoal contrast as the homepage. */
.calc-quick .calc-quick-summary small{color:var(--brand-line)}
.calc-quick .calc-toolbar{display:none!important}
.calc-quick .calc-detail{border:1px solid var(--brand-line)}
.calc-quick .calc-detail>summary{display:block;position:relative;padding-right:28px;list-style:none}
.calc-quick .calc-detail>summary::-webkit-details-marker{display:none}
.calc-quick .calc-detail>summary:after{content:'';position:absolute;right:3px;top:25px;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.calc-quick .calc-detail[open]>summary:after{transform:rotate(225deg)}
.calc-quick .calc-detail>summary small{display:block;margin-top:6px;max-width:none;color:var(--brand-muted);font-size:13px;font-weight:400}
.calc-quick .calc-detail>summary .calc-cost-state{display:block;font:400 13px/1.6 var(--sans,Arial,sans-serif)}.calc-quick .calc-detail>summary .calc-cost-preview{display:block;margin-top:6px;color:var(--brand-text);font:400 14px/1.8 var(--sans,Arial,sans-serif);font-variant-numeric:tabular-nums}
body[data-journey-tools=true] #connected-plan,body[data-journey-preview=true] #connected-plan{background:var(--brand-soft);border-color:var(--brand-dark)}
@media(max-width:600px){.calc-quick input,.calc-quick select{font-size:16px;min-height:48px}.calc-quick .calc-cost-preview{overflow-wrap:anywhere}}

/* Choices are controls, not amount fields. Group them across the row. */
.calc-quick .calc-fields{align-items:start;gap:24px}
.calc-quick .calc-field{min-width:0;align-self:start}
.calc-quick .calc-field>span:first-child{display:block;min-height:52px;line-height:1.5;font-size:16px}
.calc-quick .calc-field>span:first-child>small{display:block;font-size:13px;line-height:20px;margin-top:3px}
.calc-quick .calc-field>input[type=number],.calc-quick .calc-field>select{margin:0;min-height:48px;box-sizing:border-box}
.calc-quick .calc-choice{grid-column:1/-1;border:0;padding:0;margin:0;min-width:0}
.calc-quick .calc-choice legend{font-size:15px;font-weight:600;margin-bottom:10px;padding:0}
.calc-quick .calc-choice-options{display:flex;flex-wrap:wrap;gap:8px}
.calc-quick .calc-choice-options label{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 16px;border:1px solid var(--brand-line);border-radius:4px;cursor:pointer;background:white}
.calc-quick .calc-choice-options label:has(:checked){background:var(--brand-dark);color:var(--brand-paper);border-color:var(--brand-dark)}
.calc-quick .calc-choice-options input{width:18px;height:18px;min-height:18px;margin:0;accent-color:var(--brand-dark)}
.calc-quick .calc-choice-options span{font:400 15px/1.5 var(--sans,Arial,sans-serif)}
.calculator.calc-quick button.calc-primary:hover,.calculator.calc-quick button.calc-primary:focus-visible{background:#3d4039;color:#fff}
.calc-quick .calc-reference{padding:20px;background:var(--brand-soft);margin:20px 0;border-radius:4px}
.calc-quick .calc-reference p,.calc-quick .calc-reference li{font-size:14px;line-height:1.8}
.calc-quick .calc-reference .calc-check{display:flex;align-items:center;gap:12px;min-height:44px;font-size:16px;font-weight:600}
.calc-quick .calc-reference input{width:20px;min-height:20px;height:20px;accent-color:var(--brand-dark)}
.calc-quick .calc-reference summary{cursor:pointer;padding:12px 0;min-height:44px;font-size:14px;text-decoration:underline}
.calc-quick .calc-reference button{margin-top:12px;font-size:14px;min-height:44px}
.calc-quick #calc-preview-result{margin:0 0 24px;min-height:48px}
.calc-quick #calc-quick-result{scroll-margin-top:130px;padding:24px 0}
.calc-quick #calc-quick-result>p{font-size:14px;line-height:1.9;max-width:72ch}
.calc-quick .calc-advanced-shell{margin-top:24px;background:white}
.calc-quick .calc-advanced-shell[open]{padding-bottom:24px}
.calc-quick #calc-advanced>.calc-detail{margin:16px 0}
.calc-quick [hidden]{display:none!important}
#buyer-journey .calc-quick #calc-input-title{display:none}
.calculator.calc-quick input:focus-visible,.calculator.calc-quick select:focus-visible,.calculator.calc-quick button:focus-visible{outline:2px solid var(--brand-dark);outline-offset:3px;box-shadow:none}
@media(min-width:701px){.calc-quick #calc-advanced .calc-field>span:first-child{min-height:76px}}
@media(max-width:700px){body:has(.calc-quick) .floating-line{display:none}}
@media(max-width:700px){
 .calc-quick .calc-fields{grid-template-columns:1fr;gap:20px}
 .calc-quick #calc-basic>[data-field=rate]{padding-top:0}
 .calc-quick .calc-field>span:first-child{min-height:0;margin-bottom:8px}
 .calc-quick .calc-choice-options label{flex:1;justify-content:center;padding:10px;min-width:0}
 .calc-quick .calc-choice-options span{font-size:15px}
 .calc-quick .calc-reference{padding:16px}
 .calc-quick #calc-preview-result{width:100%}
 .calc-quick #calc-quick-result{scroll-margin-top:100px}
 .calc-quick .calc-advanced-shell{padding-left:0;padding-right:0;border-left:0;border-right:0}
 .calc-quick #calc-advanced .calc-choice-options label{flex-basis:100%;justify-content:flex-start}
 #buyer-journey .calc-quick #calc-inputs{padding:16px}
}
