#output-container {
background-color: #f0f0f0;
padding: 10px;
border: 1px solid #ccc;
max-height: 400px;
overflow-y: scroll;
margin-top: 20px;
}
.step-line {
display: flex; 
margin-bottom: 8px;
border-bottom: 1px dotted #ddd;
padding-bottom: 4px;
}
.step-description {
flex: 2; 
font-weight: bold;
color: #333;
}
.step-formula {
flex: 3; font-family: 'Courier New', Courier, monospace; 
background-color: #e9e9e9;
padding: 3px 6px;
border-radius: 4px;
overflow-x: auto; 
}
.error-message {
color: red;
font-weight: bold;
}
.result-message.correct {
color: green;
font-weight: bold;
}
.result-message.incorrect {
color: orange;
font-weight: bold;
}