.margin-calc-simple {
    font-family: Arial, sans-serif;
    margin: 50px 0;
    max-width: 650px;
}

.margin-calc-simple1 h1, 
.margin-calc-simple1 h2, 
.margin-calc-simple1 h3 {
    color: #333;
}

.margin-calc-simple table {
    width: 650px;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.margin-calc-simple td {
    padding: 5px;
    vertical-align: middle;
}

.margin-calc-simple select, 
.margin-calc-simple input[type="text"] {
    width: 150px;
    padding: 4px;
    box-sizing: border-box;
}

.margin-calc-simple .buttons {
    margin-top: 10px;
}

.margin-calc-simple button {
    padding: 8px 15px;
    margin-right: 10px;
}
/*
.margin-calc-simple .answer-section, 
.margin-calc-simple .solution-section {
    margin-top: 30px;
    padding: 10px;
    border-top: 1px solid #ccc;
}

.margin-calc-simple .answer-table {
    width: 60%;
}

.margin-calc-simple .formula {
    font-family: 'Courier New', monospace;
    margin: 5px 0;
}
*/
.margin-calc-simple .step {
    margin-bottom: 15px;
}