#fx-form{margin:18px 0 12px;grid-template-columns:repeat(2,minmax(140px,200px)) auto auto;align-items:end;gap:12px}
#fx-result{margin-top:18px}
#fx-result table{width:100%;min-width:760px}
#fx-result th{white-space:normal;line-height:1.4;padding:12px 10px}
#fx-result td{padding:16px 10px;white-space:normal;overflow-wrap:anywhere}
#fx-result td:not(:last-child){white-space:nowrap;overflow-wrap:normal}
#fx-result .sub{margin-top:4px}
@media(max-width:760px){#fx-form{grid-template-columns:1fr 1fr}#fx-result table{min-width:760px}}

.fx-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:12px}
.fx-totals article{border:1px solid #d7e2ec;border-radius:12px;background:#f7fafc;padding:18px;display:flex;flex-direction:column;gap:8px}
.fx-totals article:nth-child(2){background:#edf7f4;color:#096653}
.fx-totals span,.fx-totals small{font-size:13px}
.fx-totals strong{font-size:25px;overflow-wrap:anywhere}
@media(max-width:760px){.fx-totals{grid-template-columns:1fr}.fx-totals strong{font-size:23px}}