/* English copy refinements for the shared loan calculator. */

.page-calculator-en .calculator-section__title {
  font-size: clamp(35px, 3.25vw, 43px);
  line-height: 1.08;
}

.page-calculator-en .calculator-tabs {
  width: min(100%, 720px);
}

.page-calculator-en .calculator-tabs__button {
  min-height: 48px;
  line-height: 1.2;
  text-align: center;
}

.page-calculator-en .loan-type-calculator__field label,
.page-calculator-en .loan-type-calculator__field legend,
.page-calculator-en .loan-type-calculator__submit,
.page-calculator-en .loan-type-calculator__reset {
  line-height: 1.25;
}

.page-calculator-en .loan-type-calculator__result h2 {
  line-height: 1.08;
}

.page-calculator-en .loan-type-calculator__result-row p {
  font-size: clamp(19px, 1.65vw, 23px);
  line-height: 1.15;
}

.page-calculator-en .loan-type-calculator__result-output span,
.page-calculator-en .loan-type-calculator__result-note,
.page-calculator-en .loan-type-calculator__notes ul {
  line-height: 1.45;
}

.page-calculator-en .calculator-branch-cta__card h2,
.page-calculator-en .calculator-branch-cta__card p,
.page-calculator-en .calculator-branch-cta__button {
  line-height: 1.2;
}

@media (max-width: 900px) {
  .page-calculator-en .loan-type-calculator__result-row {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 258px);
  }
}

@media (max-width: 700px) {
  .page-calculator-en .calculator-section__title {
    font-size: clamp(30px, 8vw, 36px);
  }

  .page-calculator-en .calculator-tabs__button {
    min-height: 66px;
    font-size: 13.5px;
    line-height: 1.2;
  }

  .page-calculator-en .loan-type-calculator__result-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-calculator-en .loan-type-calculator__result-row p {
    font-size: 21px;
  }

  .page-calculator-en .loan-type-calculator__notes ul {
    line-height: 1.5;
  }
}

@media (max-width: 420px) {
  .page-calculator-en .calculator-tabs__button {
    min-height: 72px;
    align-items: center;
    padding-block: 8px;
    font-size: 12.5px;
  }

  .page-calculator-en .loan-type-calculator__result-output {
    gap: 12px;
  }

  .page-calculator-en .loan-type-calculator__result-output span {
    font-size: 13.5px;
    text-align: right;
  }
}

/* Portrait-phone composition mirrors the Thai calculator while allowing
   the longer English copy to wrap cleanly. */
@media (max-width: 520px) and (orientation: portrait) {
  .page-calculator-en .calculator-section__title {
    width: min(100%, 430px);
    font-size: clamp(33.5px, 8.4vw, 37.2px);
    line-height: 1.16;
    text-wrap: balance;
  }

  .page-calculator-en .calculator-tabs__button {
    min-height: 106px;
    flex-direction: column;
    gap: 8px;
    padding: 12px 7px 15px;
    font-size: 12.4px;
    line-height: 1.18;
  }

  .page-calculator-en .calculator-tabs__button > span {
    max-width: 190px;
  }

  .page-calculator-en .loan-type-calculator__notes ul {
    font-size: 13.6px;
    line-height: 1.45;
  }
}