h1 {
font-weight:800;
font-size:30px;
color: var(--heading_colour);
}
body.dark-mode h1 {
color: var(--dark_heading_colour);
}
h2 {
font-weight:600;
font-size:30px;
color: var(--heading_colour);
}
body.dark-mode h2 {
color: var(--dark_heading_colour);
}
h3 {
font-weight:400;
font-size:24px;
color: var(--heading_colour);
}
body.dark-mode h3 {
color: var(--dark_heading_colour);
}
h4 {
font-weight:300;
font-size:20px;
color: var(--heading_colour);
}

h6 {
font-weight:400;
font-size:24px;
color: var(--dark_heading_colour);
}

body.dark-mode h4 {
color: var(--dark_heading_colour);
}

.welldone {
color:#25638C;
font-size:30px;
font-weight:bold;
}

.feedback.partial {
color: var(--welldone_text_color);
font-weight: bold;
}
.situation {
    padding: 10px;
    color: var(--darkbluetext);
    font-weight:400;
    background:var(--warmtan);
    font-size:20px;
}
.situation h6 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}
.situation p {
color: var(--button-text-color);
}



.note {
    display: block; /* Ensures it appears on a new line */
    width: 100%; /* Takes the full width */
    margin-top: 5px; /* Adds a little space */
    clear: both; /* Prevents unwanted floating */
    font-size: 77%;
    font-weight:500;

}



.correct { color: #25638C; font-weight: bold; }
.incorrect { color: red; font-weight: bold; }
/* ul { list-style: none; padding: 0; width: 300px; }
li { background: #f0f0f0; margin: 8px 0; padding: 10px; border: 1px solid #ccc; cursor: move; }*/
.result.correct { color: green; }
.result.incorrect { color: red; }
.hidden { visibility: hidden; position: absolute; }