body {
    font-family: "Meiryo", "Hiragino Sans", "Yu Gothic", "Noto Sans CJK", "MS Gothic", sans-serif;
}

.root {
    display: flex;
    justify-content: center;
}

.quiz {
    width: 80%;
}

.page__title {
    font-weight: 700;
    margin: 8px;
}

.quiz-button {
    margin: 8px;
    border: 0;
    border-radius: 3px;
    padding: 4px;
    min-width: 50px;
}

.quiz-button__active {
    background-color: rgb(154, 147, 230);
}

.quiz-item__result {
    width: 72px;
    display: inline-block;
}

.quiz-item__correct {
    color: green;
}

.quiz-item__incorrect {
    color: red;
}

.quiz-item__response-row {
    margin: 4px;
}

.quiz-item__hint {
    margin: 12px;
    display: flex;
}

.quiz-item__hint-button {
    display: inline-block;
}

.quiz-item__hint-text {
    display: inline-block;
    margin: 8px;
}

.quiz-item__highlighted {
    text-decoration-line: underline;
    text-decoration-thickness: 3px;
    text-decoration-color: blue;
}