.grade-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.grade-breakdown {
    width: 500px;
}

.grade-row {
    display: grid;
    grid-template-columns: 1fr 70px;
    padding: 7px 12px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
}

.grade-row > span:last-child {
    text-align: right;
}

.grade-main {
    font-weight: bold;
}

.pset-list {
    margin-left: 25px;
}

.pset-list .grade-row {
    padding: 5px 12px;
    font-size: 0.95em;
}

.grade-sub {
    margin-left: 0;
}

.quiz-list {
    margin-left: 25px;
}

.quiz-list .grade-row {
    padding: 5px 12px;
    font-size: 0.95em;
}

.pset-brace-container {
    margin-left: 15px;
    margin-top: 39px;
    display: flex;
    align-items: center;
}

.pset-brace {
    line-height: 1;
    font-size: 21px;
}

.pset-note {
    margin-left: 8px;
    font-size: 0.9em;
    white-space: nowrap;
}