/* V16: matching selection prompts, smaller footer marks and denser print rows. */
#loanForm .date-display.placeholder,
#loanForm .field select.placeholder,
#loanForm .field input::placeholder,
#loanForm .field input:disabled::placeholder{
 color:#7b879d;
 -webkit-text-fill-color:#7b879d;
 font-family:'DM Sans',Arial,sans-serif;
 font-size:16px;
 font-weight:500;
 line-height:1.25;
 letter-spacing:-.025em;
 opacity:1;
}
#loanForm .field input:disabled{opacity:1}
.footer{background:var(--navy);background-image:none}
.footer-logo{width:80px;max-width:100%;margin:0 auto 17px}
.footer-logo img{width:100%;height:auto;mix-blend-mode:normal}
.bank-logos{grid-template-columns:repeat(6,minmax(0,1fr));width:100%;max-width:294px;gap:6px}
.bank-logo{border-radius:8px;padding:5px}
.results table th,.results table td{text-align:left}
.results table th:last-child,.results table td:last-child{text-align:right}
@media(max-width:360px){
 #loanForm .date-display.placeholder,
 #loanForm .field select.placeholder,
 #loanForm .field input::placeholder,
 #loanForm .field input:disabled::placeholder{font-size:15px}
}
/* Keep 8pt table text and every installment; reduce spacing to target 30 rows. */
@media print{
 .result-head{margin-bottom:4pt}
 .result-head h2{font-size:13pt;margin-bottom:2pt}
 .summary-grid{gap:12pt;margin:4pt 0}
 .summary-row{padding:1pt 0}
 .summary-total{margin-top:1pt;padding-top:2pt}
 .financial-note{padding:3pt 5pt;margin:3pt 0}
 .schedule-head{margin:5pt 0 3pt}
 .schedule-count{padding:2pt 5pt}
 .results table th,.results table td{padding:2pt 4pt;text-align:left}
 .results table th:last-child,.results table td:last-child{text-align:right}
 .disclaimer{margin-top:4pt}
}