#finance-calculator {
  scroll-margin-top: calc(190px + 3.6rem);
}

.builtin-calculator-field-wrapper {
  font-size: .8rem;
  margin-bottom: 1rem;
}

.builtin-calculator-field-wrapper label {
  display: block;
  font-weight: var(--font-weight);
  padding: .5rem 0;
  width: 100%;
}

.builtin-calculator-field-wrapper .builtin-calculator-currency {
  display: inline-block;
  font-weight: var(--font-weight-bold);
  margin-right: -1rem;
  padding: calc(.5rem - 1px) 0;
  position: relative;
  z-index: 1;
}

.builtin-calculator-field-wrapper input {
  display: inline-block;
  font-weight: var(--font-weight-bolder);
  padding: .5rem 1.5rem;
  text-align: right;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .builtin-calculator-field-wrapper label {
    display: inline-block;
    width: 25%;
  }

  .builtin-calculator-field-wrapper .builtin-calculator-currency {
    padding: .5rem 0;
  }

  .builtin-calculator-field-wrapper input {
    width: 75%;
  }
}

.builtin-calculator-duration-list {
  border-bottom: solid 1px var(--color-grey-darker);
  font-size: .8rem;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.builtin-calculator-duration {
  background-color: var(--color-secondary-lightest);
  border: solid 1px var(--color-grey-darker);
  border-bottom: 0;
  display: flex;
  justify-content: space-between;
  padding: .5rem;
}

.builtin-calculator-duration:has(input[type="radio"]:disabled),
.builtin-calculator-duration-list--limited .builtin-calculator-duration:nth-child(n+6 of :not(:has(input[type="radio"]:disabled))) {
  display: none;
}

.builtin-calculator-duration:has(input[type="radio"]:checked) {
  background-color: var(--color-primary-lightest);
}

.builtin-calculator-duration input {
  margin-right: .5rem;
}

.builtin-calculator-duration label {
  display: flex;
  font-weight: var(--font-weight-bolder);
  justify-content: space-between;
  text-align: right;
  width: 100%;
}

.builtin-calculator-duration label span:first-child {
  font-weight: var(--font-weight-bold);
}

.builtin-calculator-button-wrapper {
  display: grid;
  font-weight: var(--font-weight-bold);
  grid-template-columns: 2fr 1fr;
}

.builtin-calculator-button-wrapper span {
  align-self: center;
  display: inline-block;
}

button:disabled {
  background-color: var(--color-grey-lightest);
  color: var(--color-grey-darker);
  cursor: not-allowed;
}

.builtin-calculator-duration-toggle {
  font-size: .6rem;
  text-align: right;
}

.builtin-calculator-duration-toggle a {
  color: var(--color-black);
}

.builtin-calculator-duration-toggle a:hover {
  color: var(--color-grey);
}

.builtin-calculator-duration-toggle a::after {
  content: "\2196";
  display: inline-block;
  margin-left: .1rem;
  transform: rotate(45deg);
}

.builtin-calculator-duration-toggle--collapsed a::after {
  transform: rotate(-135deg);
}

.builtin-calculator-summary,
.builtin-calculator-legal-text .credit-table__legal_text p {
  font-size: .8rem;
}

.builtin-calculator-summary th,
.builtin-calculator-summary td {
  border: solid 1px var(--color-grey-darker);
}