body {
    font-family: "Helvetica Neue", Arial, sans-serif;
    background-color: #f8f9fa;
}

footer {
    font-size: 0.9rem;
}
/* Grade badge styling on the user home page */
.grade {
    padding: 2px 8px;
    border-radius: 12px;
    color: #fff;
    font-weight: 600;
    font-size: 0.8rem;
}
.grade-5 { background-color: #28a745; }
.grade-4 { background-color: #ffc107; }
.grade-3 { background-color: #fd7e14; }
.grade-2 { background-color: #dc3545; }