/* Quiz (Kontrollfragen) in tests/: keyboard and screen-reader support.
   Base styles of the quiz still live in the legacy style20200508.css (.qa, .ani-check-box, .q_menu). */

/* The legacy rule hides .ani-check-box with display:none, which removes the checkbox from the
   accessibility tree and the tab order. Keep it rendered but visually hidden; the sibling label
   stays the visual box. The same pattern provides screen-reader-only text. */
.test_block .ani-check-box,
.rd-quiz-sr-only {
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.test_block .ani-check-box:focus-visible + label,
.test_block .rd-radio-btn:focus-visible {
	outline: var(--rd-borderwidth-border-focus) solid var(--rd-secondary-active);
	outline-offset: 2px;
}

/* The question text receives focus after "Zurück"/"Weiter" (tabindex="-1"); bootstrap-reboot kills
   outline on [tabindex="-1"]:focus with !important, so the ring is drawn as a box-shadow. */
.test_block .question:focus-visible {
	box-shadow: 0 0 0 var(--rd-borderwidth-border-focus) var(--rd-secondary-active);
}

/* The legacy .q_menu button::after appends an arrow-right icon to every button; not for "Zurück". */
.q_menu .rd-quiz-nav-back::after {
	content: none;
}