/* Scoped to the migrated calculator; existing Services and theme styles stay untouched. */
.financing-simulator { padding-block: clamp(48px, 7vw, 96px); background: #F5EEE3; color: #0B0B0B; scroll-margin-top: 110px; }
.financing-simulator h2 { max-width: 24ch; font-size: clamp(1.8rem, 4vw, 3rem); line-height: 1.15; margin-bottom: 1rem; }
.financing-simulator h3 { margin-bottom: 1.5rem; font-size: 1.25rem; }
.financing-simulator p { line-height: 1.7; }
.financing-simulator__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); margin-block: 2rem; }
.financing-simulator__inputs, .financing-simulator__results { min-width: 0; padding: clamp(20px, 3vw, 36px); border: 1px solid rgba(11, 11, 11, .16); border-radius: 16px; }
.financing-simulator__field { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; margin-block: 1.5rem; align-items: baseline; }
.financing-simulator__field label { font-weight: 600; }
.financing-simulator__field output { font-variant-numeric: tabular-nums; font-weight: 700; }
.financing-simulator__field input[type="range"] { grid-column: 1 / -1; width: 100%; min-height: 32px; accent-color: #946A31; cursor: pointer; }
.financing-simulator__field input:focus-visible, .financing-simulator summary:focus-visible { outline: 3px solid #946A31; outline-offset: 4px; }
.financing-simulator__results { background: #0B0B0B; color: #F5EEE3; }
.financing-simulator__results h3 { color: #F5EEE3; }
.financing-simulator__results dl { margin: 0; }
.financing-simulator__results dl > div { border-bottom: 1px solid rgba(245, 238, 227, .22); padding-block: 1rem; }
.financing-simulator__results dt { font-size: .9rem; line-height: 1.5; }
.financing-simulator__results dd { margin: .4rem 0 0; font-size: 1.2rem; font-weight: 700; font-variant-numeric: tabular-nums; color: #E0BB80; overflow-wrap: anywhere; }
.financing-simulator__assumptions { border-block: 1px solid rgba(11, 11, 11, .2); padding-block: 1rem; margin-bottom: 1.5rem; }
.financing-simulator__assumptions summary { cursor: pointer; font-weight: 700; }
@media (max-width: 800px) { .financing-simulator__grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 400px) { .financing-simulator__field { grid-template-columns: minmax(0, 1fr); } .financing-simulator__field output { grid-column: 1; } }