@font-face {
    font-family: 'WF Visual Sans';
    src: url('./font/WFVisualSansVF.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* Style for the explanation headers in each step */
.step-header {
    font-family: 'WF Visual Sans', sans-serif;
    font-size: 1.1rem;
    margin-bottom: 0.3rem;
    font-weight: 700;
}

/* Style for the numerical layout output */
.step-layout {
    font-family: 'Courier New', monospace;
    background-color: #f9f9f9;
    padding: 0.5rem;
    overflow-x: auto;
    white-space: pre-wrap;
    font-size: 1rem;
    margin-bottom: 1.5rem;
}

/* Highlight any special text (if needed) */
.highlight {
    color: red;
    font-weight: bold;
}

.answer-text {
    font-family: 'WF Visual Sans', sans-serif;
    font-weight: bold;
    font-size: 1.1rem;
    margin-top: 1rem;
}

.steps-buttons {
    margin-bottom: 2rem;
}