header,table{width:100%}
.container{display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
background:#eee;
border:1px solid;
margin: 0 auto;
}
#amortization-cal-text {
    text-align: left;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
    padding: 0 10px;
}
#amortization-cal-text h3 {
    text-align: left;
}
.calculator-column{padding:20px;background:#eee}
.results-column{padding:20px;background:#fff}.buttons{display:flex;gap:10px}button{padding:8px 16px;margin:5px 0}.schedule-table{overflow-x:auto}table{border-collapse:collapse}td,th{padding:8px;border:1px solid #ccc;text-align:right}.input-group{margin-bottom:10px}.input-group label{display:block;margin-bottom:5px}.input-group input{width:calc(100% - 10px);padding:5px}
@media (max-width:768px){
    .container{grid-template-columns:1fr;
    margin: 0 10px;
        
    }}
    .schedule-section{max-width:800px;margin:40px auto;padding:0 10px}