/* 通常の枠線に重ね、フォーカス時の線を1本にする。 */
html.gb-form-focus :is(input, select, textarea):focus,
html.gb-form-focus .gb-choice-card:focus-within {
	outline: 2px solid var(--gb-form-focus-color, #2470b8);
	outline-offset: -2px;
}

html.gb-form-focus :is(input, select, textarea):focus {
	box-shadow: none;
}

html.gb-form-focus :is(input, select, textarea):is([aria-invalid="true"], .is-error) {
	--gb-form-focus-color: #881b2a;
}

/* ラジオカードはカード全体にフォーカスを表示する。 */
html.gb-form-focus .gb-choice-card > input:focus {
	outline: none;
}