/* Stabiler Aufbau der Rechner, auch bei Browser-Zoom. */
.calculator-section {
  grid-template-columns: minmax(280px, .72fr) minmax(520px, 1.28fr);
  align-items: start;
}

.calculator-copy {
  grid-row: span 2;
}

.calculator-panel,
.result-panel {
  grid-column: 2;
}

.result-panel {
  width: auto;
}

.choice-grid label,
.choice-grid.compact label {
  min-height: calc(3 * 1.3em + 1.8rem);
  line-height: 1.3;
  box-sizing: border-box;
}

.choice-grid label span {
  overflow-wrap: anywhere;
}

.calculator-panel .field-hint {
  margin: .75rem 0 1rem;
}

.shared-financial-scenario {
  display: grid;
  gap: .45rem;
  margin-top: 1.5rem;
  padding: 1rem;
  border-left: 4px solid var(--tax-orange);
  background: rgba(255, 255, 255, .14);
}

.shared-financial-scenario p,
.shared-financial-scenario strong,
.shared-financial-scenario span {
  margin: 0;
}

.shared-financial-scenario strong {
  color: #fff;
}

.shared-financial-scenario span {
  font-weight: 800;
}

.shared-financial-scenario .button {
  justify-self: start;
  margin-top: .4rem;
}

@media (max-width: 1100px) {
  .calculator-section {
    grid-template-columns: 1fr;
  }

  .calculator-copy,
  .calculator-panel,
  .result-panel {
    grid-column: auto;
    grid-row: auto;
  }

  .choice-grid label,
  .choice-grid.compact label {
    min-height: 0;
  }
}