.cost-case { max-width: 980px; margin-inline: auto; }
.cost-case fieldset { min-width: 0; margin: 1.5rem 0; padding: 1.1rem; border: 1px solid #cbd9e5; border-radius: 12px; }
.cost-case legend { padding: 0 .4rem; font-weight: 800; }
.cost-case__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.cost-case label { display: flex; min-width: 0; flex-direction: column; gap: .4rem; font-weight: 700; }
.cost-case input { box-sizing: border-box; width: 100%; min-height: 46px; padding: .7rem; color: #10283e; background: #fff; border: 1px solid #91a9be; border-radius: 8px; font: inherit; }
.cost-case input[aria-invalid="true"] { border: 2px solid #a72633; }
.cost-case__actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.cost-case__result { margin-block: 1.3rem; padding: 1.1rem; color: #10283e; background: #edf5fc; border: 1px solid #b6d5ee; border-radius: 12px; overflow-wrap: anywhere; }
.cost-case__result[hidden] { display: none; }
.cost-case__result h3 { margin-top: 0; }
@media (max-width: 620px) {
  .cost-case__grid { grid-template-columns: 1fr; }
  .cost-case__actions .btn { width: 100%; }
  .cost-case fieldset { padding: .8rem; }
}