.block-a11y-checks-settings {
	max-width: 1024px;
	background-color: #fff;
	margin: 30px 30px 30px 10px;
	border-radius: 8px;
	padding: 14px 32px;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);

	h1 {
		color: #2f2f2f;
		padding-left: 1px;
		margin-bottom: 32px;
	}
}

.block-a11y-checks-settings-grid {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.block-a11y-checks-settings-field {
	display: flex;
	flex-direction: column;
	border: 1px solid #e6e6e6;
	background-color: rgba(#e6e6e6, 0.1);
	border-radius: 5px;
	padding: 20px 22px;

	h2 {
		color: #2f2f2f;
		margin: 0;
	}

	ul {
		margin: 0;
	}
}

.block-check-radio-options {
	display: flex;
	gap: 20px;
	align-items: center;

	li {
		display: flex;
		align-items: center;
	}

	label {
		margin-left: 0.5rem;
		cursor: pointer;
		font-weight: 400;
		color: #2f2f2f;
	}
}

.block-check-item {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;

	&:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}

	p {
		margin: 0 0 10px 0;
	}

	// Fieldset and legend styles for radio button groups
	fieldset {
		display: flex;
		flex-direction: column;
		gap: 10px;
		border: none;
		margin: 0;
		padding: 0;
	}

	legend {
		font-weight: 600;
		color: #2f2f2f;
		margin-bottom: 10px;
		padding: 0;
	}
}

.block-a11y-checks-settings-form {
	p.submit {
		padding: 10px 0;
	}

	#submit {
		padding: 6px 16px;
	}
}

// Heading level checkbox styles
.block-check-checkbox-options {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 1.25rem;

	li {
		display: flex;
		align-items: center;
	}

	label {
		margin-left: 0.2rem;
		margin-bottom: 0.2rem;
	}
}