.home-cost-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:1.35rem;align-items:start;margin-top:1.4rem}
.home-cost-card,.home-cost-summary,.home-cost-breakdown,.home-cost-reference{border:1px solid var(--line,#eadfce);background:rgba(255,255,255,.82);box-shadow:0 18px 45px rgba(85,67,42,.08);border-radius:24px}
.home-cost-card{overflow:hidden}
.home-cost-section{padding:1.35rem}
.home-cost-section+.home-cost-section{border-top:1px solid var(--line,#eadfce)}
.home-cost-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}
.home-cost-section-head h2,.home-cost-summary h2,.home-cost-reference h2{margin:.15rem 0 0}
.home-cost-section-head>p{max-width:36rem;margin:0;color:var(--muted,#6e665c);font-size:.92rem;line-height:1.65}
.home-cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.home-cost-field{display:flex;flex-direction:column;gap:.42rem;font-weight:700}
.home-cost-field-wide{grid-column:1/-1}
.home-cost-field input{width:100%;box-sizing:border-box;border:1px solid #d9cdbd;border-radius:14px;background:#fff;padding:.78rem .85rem;font:inherit;color:inherit}
.home-cost-field input:focus{outline:3px solid rgba(255,193,79,.24);border-color:#d9a43f}
.home-cost-field small{font-weight:500;color:var(--muted,#6e665c);line-height:1.5}
.home-cost-input-suffix{display:flex;align-items:center;border:1px solid #d9cdbd;border-radius:14px;background:#fff;overflow:hidden}
.home-cost-input-suffix input{border:0;border-radius:0;min-width:0}
.home-cost-input-suffix b{padding:0 .85rem;color:#6e665c}
.home-cost-presets{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.8rem}
.home-cost-status{margin:.8rem 0 0;padding:.75rem .9rem;border-radius:13px;background:#fff5dc;color:#795a15;font-weight:700;line-height:1.5}
.home-cost-status[data-kind="error"]{background:#fff0ee;color:#922f24}
.home-cost-summary{position:sticky;top:1rem;padding:1.35rem}
.home-cost-hero-number{padding:1rem 0 1.15rem;border-bottom:1px solid var(--line,#eadfce)}
.home-cost-hero-number span,.home-cost-hero-number small{display:block;color:var(--muted,#6e665c)}
.home-cost-hero-number strong{display:block;margin:.3rem 0;font-size:clamp(2rem,5vw,3.25rem);line-height:1.05;letter-spacing:-.04em}
.home-cost-summary-list{margin:1rem 0;display:grid;gap:.15rem}
.home-cost-summary-list div{display:flex;justify-content:space-between;gap:1rem;padding:.68rem 0;border-bottom:1px dashed #e9dfd2}
.home-cost-summary-list dt{color:#6e665c}
.home-cost-summary-list dd{margin:0;text-align:right;font-weight:800}
.home-cost-summary-list .home-cost-emphasis{padding:.8rem;border:1px solid #f0d28c;background:#fff8e8;border-radius:14px;margin:.25rem 0}
.home-cost-mortgage-link{display:flex;justify-content:center;text-align:center;text-decoration:none}
.home-cost-note{font-size:.82rem;color:#766c60;line-height:1.6;margin:.8rem 0 0}
.home-cost-breakdown,.home-cost-reference{margin-top:1.35rem;padding:1.35rem}
.home-cost-breakdown-list{display:grid;gap:.8rem}
.home-cost-breakdown-row{display:grid;gap:.38rem}
.home-cost-breakdown-label{display:flex;justify-content:space-between;gap:1rem}
.home-cost-breakdown-label span{color:#62594f}
.home-cost-bar{height:10px;border-radius:999px;background:#f0e9df;overflow:hidden}
.home-cost-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd36b,#ffad73)}
.home-cost-empty{margin:0;color:#6e665c}
.home-cost-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem}
.home-cost-reference article{padding:1rem;border:1px solid #e8dccd;border-radius:18px;background:#fffdf9}
.home-cost-reference article strong{font-size:1.05rem}
.home-cost-reference article p{margin:.45rem 0 .7rem;color:#6e665c;line-height:1.6}
.home-cost-reference article a{font-weight:800}
@media(max-width:900px){.home-cost-layout{grid-template-columns:1fr}.home-cost-summary{position:static}.home-cost-section-head{align-items:flex-start;flex-direction:column}.home-cost-section-head>p{max-width:none}}
@media(max-width:640px){.home-cost-grid,.home-cost-reference-grid{grid-template-columns:1fr}.home-cost-field-wide{grid-column:auto}.home-cost-section,.home-cost-summary,.home-cost-breakdown,.home-cost-reference{padding:1rem}.home-cost-summary-list div{align-items:flex-start}.home-cost-summary-list dd{max-width:52%}.home-cost-hero-number strong{font-size:2.25rem}}