/* LICENSE: MIT */
/* https://mit-license.org/ */

body {
    font-family: Arial, sans-serif;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}
#global-inputs, #loan-stats, .sub {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 10px;
    column-gap: 25px;
    margin-bottom: 20px;
    color: #000;
}
#global-inputs input, #payment-freq, #loan-stats input {
    width: 100%;
    padding: 5px;
}
#loan-stats {
    display: none;
}
#loan-table {
    width: 100%;
}
summary {
    cursor: pointer;
}

/* For vertical */
@media (max-aspect-ratio: 1) {
    #global-inputs, #loan-stats, .sub {
        display: block
    }
}