.article__title-quiz {
    margin-bottom: 0;
}

.announcement {
    margin-top: var(--bw-space-500);
}

.pb-quiz-title {
    margin-bottom: var(--bw-space-800);
}

@media (min-width: 64.0625em) {
    .pb-quiz-title {
        min-height: 8.8rem;
    }
}

.pb-quiz-name {
    margin-bottom: var(--bw-space-300);
}

.pb-quiz-name-text {
    font-size: var(--bw-font-size-250);
    line-height: var(--bw-leading-narrow);
}

.pb-quiz-text {
    font-size: var(--bw-font-size-300);
    line-height: var(--bw-leading-wide);
}

.pb-quiz-progress {
    margin-bottom: var(--bw-space-800);
}

.pb-quiz-progress .headline--3 {
    font-size: var(--bw-font-size-500);
    line-height: var(--bw-leading-narrow);
    font-family: var(--root-font-sans);
}

@media (min-width:51.25em) {
    .pb-quiz-progress .headline--3 {
        font-size: var(--bw-font-size-700);
    }
}

.pb-quiz-desc-img {
    margin-bottom: var(--bw-space-700);
}

.pb-quiz-headline .headline {
    font-size: var(--bw-font-size-300);
    line-height: var(--bw-leading-narrow);
    font-family: var(--root-font-sans);
}

@media (min-width: 36.25em) {
    .pb-quiz-headline .headline {
        font-size: var(--bw-font-size-500);
    }
}

.pb-quiz-headline {
    margin-bottom: var(--bw-space-700);
}

.pb-quiz-single-question,
.pb-quiz-desc {
    margin-bottom: var(--bw-space-700);
}

.button-wrapper {
    display: flex;
    justify-content: flex-end;
}

.pb-quiz-submit {
    margin-bottom: var(--bw-space-500);
}

.pb-quiz-answers {
    margin-bottom: var(--bw-space-700);
}

.quiz ul.quiz_pagination {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    padding-left: 0;
    border-top: 1px solid var(--bw-foreground-primary);
    padding-top: var(--bw-space-500);
}

.quiz-summary-item__answers {
    flex-wrap: wrap;
    gap: var(--bw-space-500);
}

.quiz-summary-item__answer {
    flex: 0 0 calc(50% - var(--bw-space-500) / 2);
}

.quiz-summary-item__answer:not(:first-child) {
    margin-left: 0;
}

.quiz-summary-item__answer-image {
    margin-top: var(--bw-space-200);
}