.profit-calculator{margin-top:64px;padding-top:40px;border-top:1px solid var(--lime)}.profit-calculator>h3{font-family:'Barlow Condensed',sans-serif;font-size:38px;margin-bottom:18px}.profit-calculator>p{max-width:960px;color:#fff}.calculator-scroll{overflow-x:auto;border:1px solid #526774;margin:20px 0;scrollbar-color:var(--lime) var(--navy)}.calculator-table{border-collapse:collapse;width:100%;min-width:980px;font-size:14px;font-variant-numeric:tabular-nums}.calculator-table caption{text-align:left;padding:14px 18px;background:#1d3b4a;color:#fff;font-size:13px}.calculator-table th,.calculator-table td{padding:13px 16px;border-bottom:1px solid #405665;text-align:right;white-space:nowrap}.calculator-table th:first-child{text-align:left;min-width:240px;white-space:normal;position:sticky;left:0;background:var(--navy);z-index:1}.calculator-table thead th{color:var(--lime);font-size:12px;letter-spacing:.4px}.calculator-table th[scope=row]{font-weight:500}.calculator-table .calculator-choice{background:#233e49;border-left:2px solid var(--lime);border-right:2px solid var(--lime)}#calculator-miles{width:155px;max-width:100%;padding:12px 8px;border:2px solid var(--lime);background:var(--lime);color:var(--navy);font:700 16px 'DM Sans',sans-serif;text-align:right;border-radius:0}#calculator-miles:focus-visible,.calculator-scroll:focus-visible{outline:3px solid white;outline-offset:3px}.calculator-result td,.calculator-result th{font-weight:700!important}.calculator-result td{color:var(--lime)}.calculator-result:nth-last-child(3){border-top:2px solid var(--lime)}.profit-calculator .calculator-note{font-size:13px;color:#cbd5db}.calculator-summary{font-weight:700;font-size:19px}.calculator-assumptions{border-top:1px solid #405665;padding-top:18px;font-size:13px;color:#cbd5db}.calculator-assumptions summary{cursor:pointer;font-size:15px;font-weight:700;color:var(--lime);margin-bottom:15px}#calculator-error{color:#ffb8b8;margin:0}#calculator-error:empty{display:none}@media(max-width:700px){.calculator-table{font-size:12px}.calculator-table th,.calculator-table td{padding:12px}.calculator-table th:first-child{min-width:145px;max-width:145px}.profit-calculator>h3{font-size:32px}.calculator-summary{font-size:16px}}

.calculator-summary .calculator-profit-amount{color:var(--lime);font-size:1.3em;font-weight:700;white-space:nowrap}
.calculator-table tr>th:nth-child(6),.calculator-table tr>td:nth-child(6){border-left:2px solid var(--lime);font-weight:700}
.calculator-table thead th.calculator-choice,.calculator-table thead th:nth-child(6){font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}#calculator-status{margin-bottom:4px}#calculator-usd-status{margin-top:0}.calculator-note a{text-decoration:underline}
#calculator-currency{font:inherit;font-size:12px;font-weight:700;letter-spacing:.4px;color:var(--lime);background:var(--navy);border:1px solid var(--lime);padding:7px 22px 7px 8px;cursor:pointer}.calculator-table thead th:first-child{font-size:12px;font-weight:700}#calculator-currency:focus-visible{outline:2px solid white;outline-offset:3px}
#calculator-currency{background:var(--lime);color:var(--navy)}#calculator-status{margin-bottom:20px}
.calculator-table thead th:first-child,.calculator-table thead th.calculator-choice{font-size:12px;font-weight:700;letter-spacing:.4px}

@media(max-width:700px){
  .profit-calculator{min-width:0;max-width:100%;margin-top:40px;padding-top:30px}
  .calculator-scroll{width:100%;max-width:100%;overscroll-behavior-x:contain}
  .calculator-table{min-width:820px}
  .calculator-table th:first-child{width:125px;min-width:125px;max-width:125px}
  #calculator-currency{font-size:16px;min-height:44px;max-width:100%}
  .calculator-summary .calculator-profit-amount{white-space:normal}
}

/* On phones show a label and one complete scenario, without horizontal scrolling. */
.calculator-mobile-controls{display:none}
@media(max-width:700px){
  .calculator-mobile-controls{display:grid;gap:8px;margin:24px 0 14px}
  .calculator-mobile-controls label{font-size:14px;font-weight:700;color:white}
  #calculator-level{width:100%;min-height:48px;padding:12px;font:600 16px 'DM Sans',sans-serif;background:var(--lime);color:var(--navy);border:1px solid var(--lime);border-radius:0}
  #calculator-level:focus-visible{outline:3px solid white;outline-offset:3px}
  .calculator-table{min-width:0;width:100%;table-layout:fixed}
  .calculator-table caption{white-space:normal;overflow-wrap:anywhere;padding:12px;font-size:12px}
  .calculator-table tr>:not(:first-child){display:none}
  .calculator-table[data-mobile-column="2"] tr>:nth-child(2),
  .calculator-table[data-mobile-column="3"] tr>:nth-child(3),
  .calculator-table[data-mobile-column="4"] tr>:nth-child(4),
  .calculator-table[data-mobile-column="5"] tr>:nth-child(5),
  .calculator-table[data-mobile-column="6"] tr>:nth-child(6){display:table-cell}
  .calculator-table th:first-child{position:static;width:48%;min-width:0;max-width:none;overflow-wrap:anywhere}
  .calculator-table th,.calculator-table td{padding:12px 10px;white-space:normal;overflow-wrap:anywhere}
  .calculator-table td{font-size:13px}
  #calculator-miles{width:100%;min-width:0;padding:12px 6px}
  .calculator-table thead th{letter-spacing:0}
  .calculator-scroll{overflow-x:visible}
}

/* Give every selected phone scenario the same treatment as Your choice. */
@media(max-width:700px){
  .calculator-table tr>:not(:first-child){background:#233e49;border-left:2px solid var(--lime);border-right:2px solid var(--lime)}
  .calculator-table tr>td:nth-child(6){font-weight:400}
  .calculator-table thead th:not(:first-child){font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
}