/* Custom styling for dynamically added input fields */
.dynamic-input-group {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.dynamic-input-group input {
    flex-grow: 1;
}

.dynamic-input-group .btn-remove-item {
    margin-left: 0.75rem;
}

/* Styling for the results table in the testing section */
.results-table-container {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
}

/* Styling for the text areas and result divs in the testing section */
.test-area {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.95rem;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 1rem;
}

.test-area.result-output {
    background-color: #ffffff;
    min-height: 150px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
@media (min-width: 576px) {
    .display-5.fw-bold {
        font-size: 1.8rem !important;
    }
    
    .lead.text-muted {
        font-size: 1rem !important;
    }
}