.quiz-container {
    max-width: 700px;
    margin: 20px auto;
    padding: 25px;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    font-family: "Segoe UI", Roboto, sans-serif;
}

.question {
    margin-bottom: 25px;
    padding: 15px;
    border: 1px solid #aebecb;
    background: #f9fafe;
    border-radius: 8px;
}

.question h3 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
}

.navigation-buttons {
    margin-top: 25px;
    text-align: center;
}

.navigation-buttons button {
    margin: 0 10px;
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease-in-out;
}

.navigation-buttons button:hover {
    opacity: 0.9;
}

.results {
    margin-top: 30px;
    padding: 20px;
    background-color: #fafafa;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
}

.results h3 {
    margin-bottom: 15px;
    color: #444;
}

/* --- Result styling for answers --- */
.results li {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 6px;
    font-size: 15px;
    list-style: none;
}

/* Correct answer */
.results li.correct {
    background-color: #e6f9ed;
    border: 1px solid #2ecc71;
    color: #27ae60;
    font-weight: 500;
}

/* Incorrect answer */
.results li.incorrect {
    background-color: #fdecea;
    border: 1px solid #e74c3c;
    color: #c0392b;
    font-weight: 500;
}

/* Not answered */
.results li.not-answered {
    background-color: #f4f4f4;
    border: 1px dashed #999;
    color: #666;
    font-style: italic;
}