@import url("/site-tokens.css");
/* Shared credit-transfer tuition calculator base.
   Loaded before offer.css on the homepage and MBA campaign so both surfaces
   use the same controls, results, fee rows and responsive behavior. */
.cost-intro>p{margin-block:calc(var(--site-space-unit,4px) * 6.5) calc(var(--site-space-unit,4px) * 3.5);color:var(--muted);max-width:43ch;font-size:calc(var(--site-type-base,16px) * 1.3125);line-height:1.62}
.cost-intro .review-note{font-size:calc(var(--site-type-base,16px) * 0.9375);margin-top:calc(var(--site-space-unit,4px) * 7)}
.scenario{padding:calc(var(--site-space-unit,4px) * 9);background:var(--surface);border-radius:var(--site-radius-calculator,12px);border:1px solid var(--line)}
.scenario>p{font-size:calc(var(--site-type-base,16px) * 0.9375);margin-top:calc(var(--site-space-unit,4px) * 3);color:var(--muted)}
.scenario-controls{margin-top:calc(var(--site-space-unit,4px) * 6.5)}
.scenario-controls>label{display:block;font-weight:700;font-size:calc(var(--site-type-base,16px) * 0.9375)}
.credit-input{display:flex;align-items:stretch;margin-top:calc(var(--site-space-unit,4px) * 3);width:240px;max-width:100%;gap:calc(var(--site-space-unit,4px) * 2)}
.credit-input button,.credit-input input{border:1px solid var(--line);background:var(--white);color:var(--navy);font:700 calc(var(--site-type-base,16px) * 1.5) var(--site-font-body,Manrope,Arial,sans-serif);border-radius:var(--site-radius-control,7px);min-height:52px}
.credit-input button{width:54px;cursor:pointer}
.credit-input button:hover{background:var(--blue)}
.credit-input button:disabled{cursor:default;color:var(--muted);background:var(--surface)}
.credit-input input{text-align:center;width:104px;min-width:0;padding:calc(var(--site-space-unit,4px) * 0.25) calc(var(--site-space-unit,4px) * 0.5)}
#credit-help,#credit-error{font-size:calc(var(--site-type-base,16px) * 0.8125);margin-top:calc(var(--site-space-unit,4px) * 2)}
#credit-error{color:var(--navy);min-height:22px;font-weight:700}
.scenario-result{margin-top:calc(var(--site-space-unit,4px) * 5);border-block:1px solid var(--navy);padding-block:calc(var(--site-space-unit,4px) * 4.5)}
.scenario-result>div{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--site-space-unit,4px) * 3)}
.scenario-result strong{font-size:calc(var(--site-type-base,16px) * 1.875);font-variant-numeric:tabular-nums}
.scenario-result>div+div{margin-top:calc(var(--site-space-unit,4px) * 2.5)}
.scenario-result>p{font-size:calc(var(--site-type-base,16px) * 0.8125);margin-top:calc(var(--site-space-unit,4px) * 3)}
.scenario .scenario-caveat{font-size:calc(var(--site-type-base,16px) * 0.8125)}
.fee-lines{margin-top:calc(var(--site-space-unit,4px) * 6)}
.fee-lines h4{margin:0 0 calc(var(--site-space-unit,4px) * 2.5);font-size:calc(var(--site-type-base,16px) * 0.9375)}
.fee-lines p{display:flex;justify-content:space-between;gap:calc(var(--site-space-unit,4px) * 4);font-size:var(--site-type-small,14px);line-height:1.7;padding-block:calc(var(--site-space-unit,4px) * 1.25)}
.fee-lines b{font-weight:400;white-space:nowrap}
.scenario>.text-link{font-size:var(--site-type-small,14px);margin-top:calc(var(--site-space-unit,4px) * 3)}
@media(max-width:760px){.cost-intro>p{font-size:var(--site-type-base,16px);margin-top:calc(var(--site-space-unit,4px) * 5)}.cost-intro .review-note{margin-top:calc(var(--site-space-unit,4px) * 4)}}