/* Loan amortization calculator landing page: calculator in the first screen. */
.tp-loan{padding-top:clamp(18px,3vw,40px)}
.tp-hero{margin:0 0 8px}
.tp-intro{max-width:760px}
.tp-intro .mt-eyebrow{margin:0}
.tp-loan .tp-intro h1{margin:6px 0 8px;font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.05;letter-spacing:-.04em}
.tp-lead{margin:0;color:var(--muted,#52647b);font-size:1.02rem;line-height:1.55;max-width:640px}
.tp-calc{margin:20px 0 20px;align-items:start}
.tp-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.tp-pair .bt-zone{min-width:0}
.tp-loan .bt-panel input,.tp-loan .bt-panel select{min-height:44px}
.tp-loan .bt-copy{min-height:40px;min-width:48px}
.tp-loan .bt-copy:focus-visible,.tp-more a:focus-visible,.tp-table-wrap:focus-visible{outline:2px solid #1769ff;outline-offset:2px}
.tp-result{border-color:#b9ccf5;box-shadow:0 10px 28px rgba(31,92,240,.08)}
.tp-result .bt-out dd>span{font-size:1rem;font-weight:700;color:var(--ink,#071b35)}
.tp-schedule{margin-top:0}
.tp-schedule h2{margin-bottom:4px}
.tp-schedule .bt-actions{margin-top:8px}
.tp-table-wrap{overflow-x:auto;max-width:100%}
.tp-table-wrap .bt-table{min-width:560px}
.tp-table-wrap .bt-table td{word-break:normal;white-space:nowrap}
.tp-more{margin:14px 0 0}
.tp-more a{display:inline-flex;min-height:44px;align-items:center;color:var(--blue,#1f5cf0);font-weight:700}
.tp-facts{margin:40px 0}
.tp-text h3{margin:26px 0 6px}
.tp-text p{max-width:760px;line-height:1.6}
@media (max-width:760px){
  .tp-calc{grid-template-columns:1fr}
  .tp-facts{grid-template-columns:1fr}
}
@media (max-width:420px){
  .tp-loan .bt-panel{padding:16px 14px 18px}
  .tp-schedule .bt-actions>button{flex:1 1 40%}
}
@media (prefers-reduced-motion:reduce){
  .tp-loan *{transition:none}
}

/* compact inputs and results so the first screen holds both */
.tp-loan .bt-row{flex-wrap:nowrap}
.tp-loan .bt-row>input{flex:1 1 0;min-width:0}
.tp-loan .bt-row>select{flex:0 0 auto;width:auto;min-width:96px}
.tp-loan #l-freq{flex:1 1 0;width:100%}
.tp-pair{align-items:end}
.tp-result .bt-out{grid-template-columns:minmax(0,1fr) auto;gap:1px 0;margin-top:12px}
.tp-result .bt-out dt,.tp-result .bt-out dd{display:flex;align-items:center;min-height:42px;padding:6px 12px}
.tp-result .bt-out dt{text-transform:none;letter-spacing:0;font-size:.86rem;font-weight:600}
.tp-result .bt-out dd{justify-content:flex-end;flex-direction:row}
.tp-result .bt-out dd>span{word-break:normal;white-space:nowrap}
.tp-result .bt-copy{display:none}
.tp-result #l-out dt:first-of-type,.tp-result #l-out dd:first-of-type{min-height:58px;background:#edf4ff}
.tp-result #l-out dd:first-of-type>span{font-size:1.35rem;color:var(--blue,#1f5cf0)}
.tp-result #l-out dt:nth-of-type(3),.tp-result #l-out dd:nth-of-type(3){background:#f6f9ff}
.tp-result #l-out dd:nth-of-type(3)>span{font-size:1.15rem}
.tp-result h3{margin-top:18px}
@media (max-width:340px){
  .tp-pair{grid-template-columns:1fr}
}
.tp-table-wrap caption{text-align:left;caption-side:top}