/* Kalkulator (scena 9): wynik wielką liczbą na środku, suwaki z lewej, wiersze wyniku z prawej */
.roi-title{text-align:center;margin-inline:auto;max-width:16ch}
.roi-result{display:grid;justify-items:center;gap:12px;margin-top:clamp(32px,5vw,56px);text-align:center}
.roi-big{display:block;font-size:clamp(56px,9vw,120px);font-weight:600;font-stretch:78%;letter-spacing:-0.04em;line-height:1;color:var(--blue);white-space:nowrap}
.roi-cap{font-size:18px;color:var(--ink-2)}
.roi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);margin-top:clamp(40px,6vw,64px);align-items:start}

.fields{display:grid;gap:22px}
.field{display:grid;gap:8px}
.field-top{display:flex;justify-content:space-between;gap:12px;font-size:16px;color:var(--ink-2)}
.field-top output{color:var(--ink);font-weight:600}

/* „Pozostałe założenia” */
.more{margin-top:24px}
.more summary{cursor:pointer;color:var(--blue);font-weight:500;font-size:15px;list-style:none;display:inline-flex;gap:6px;border-radius:6px}
.more summary::-webkit-details-marker{display:none}
.more summary::after{content:"+"}
.more[open] summary::after{content:"−"}
.more summary:hover{color:var(--blue-deep)}
.more .fields{margin-top:20px}

.roi-rows{display:grid;border-top:1px solid var(--line)}
.roi-rows div{display:flex;justify-content:space-between;gap:12px;padding-block:13px;border-bottom:1px solid var(--line);font-size:16px}
.roi-rows span{color:var(--ink-2)}
.roi-rows b{font-weight:600}
.fine{font-size:14px;color:var(--ink-3);margin-top:16px;max-width:60ch}

@media (max-width:980px){
  .roi{grid-template-columns:minmax(0,1fr)}
}