@media (max-width: 1023px) {

	.wp-block-columns {
		display: block !important;
	}
}

.test-guide-wrapper-group input[type="checkbox"] {
	accent-color: var(--heritage);
	height: 1.25rem;
	width: 1.25rem;
}

.test-guide-wrapper-columns.loading {
	position: relative;
}

.test-guide-wrapper-columns.loading::after {
	background: rgba(255, 255, 255, 0.5);
	content: "";
	cursor: wait;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.wp-block-group.test-guide-wrapper-group {
	padding: 1.5rem 1rem 0 1rem;
}

.test-guide-wrapper-group div {
	font-size: 0.9375rem;
}

#test-guide-search-secondary {
	display: none;
}

#test-guide-search input,
#test-guide-search-secondary input {
	border: 1px solid var(--light-grey);
	border-radius: 0.375rem;
	color: var(--indigo);
	display: block;
	font-size: 1rem;
	padding: 1rem;
	width: 100%;
}

fieldset {
	border: 0;
	margin: 1.5rem 0;
	padding: 0;
	user-select: none;
}

fieldset:first-child {
	margin-top: 0;
}

#test-guide-country {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

#test-guide-country legend {
	color: var(--indigo);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5;
	margin: 0;
	margin-bottom: 1rem;
	padding: 0;
	width: 100%;
}

#test-guide-country input {
	left: -5000rem;
	position: absolute;
}

#test-guide-country label {
	border: 1px solid var(--light-grey);
	border-radius: 0.5rem;
	cursor: pointer;
	display: inline-block;
	font-size: 0.9375rem;
	line-height: 1.25;
	padding: 0.38rem 0.75rem;
}

#test-guide-country label:has(input:checked) {
	background-color: var(--heritage);
	color: white;
}

#test-guide-category > button {
	background: white;
	border: 1px solid currentColor;
	border-radius: 0.5rem;
	color: var(--indigo);
	cursor: pointer;
	display: block;
	font-size: 1rem;
	line-height: 1.25rem;
	padding: 0.75rem 1rem;
	width: 100%;
}

#test-guide-category > button::after {
	content: "+";
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.25rem;
	margin-left: 0.75rem;
	vertical-align: text-bottom;
}

#test-guide-categories {
	border: 1px solid var(--light-grey);
	border-radius: 0.375rem;
	display: none;
	margin-top: 1rem;
	padding-bottom: 1.5rem;
}

#test-guide-categories button {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--light-grey);
	color: var(--indigo);
	display: block;
	font-weight: 600;
	line-height: 1.25;
	padding: 0.75rem 1rem;
	width: 100%;
}

#test-guide-categories button::after {
	content: "\d7";
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.25rem;
	margin-left: 0.75rem;
}

#test-guide-categories p {
	color: var(--indigo);
	font-weight: 600;
	line-height: 1.25;
	margin: 0;
	padding: 1.5rem 1rem 1rem 1rem;
}

#test-guide-categories label {
	cursor: pointer;
	display: block;
	line-height: 1.25rem;
	padding: 0 1rem;
}

#test-guide-categories label + label {
	margin-top: 1rem;
}

#test-guide-categories label * {
	vertical-align: middle;
}

#test-guide-categories label input {
	margin-right: 0.5rem;
}

#test-guide-categories label .term-count {
	display: inline-block;
	font-weight: 600;
	margin-left: 0.3rem;
}

#test-guide-filter-reset {
	display: none;
}

.test-guide-tests-column li {
	border: 1px solid var(--light-grey);
	border-top: 0;
	padding: 1.5rem 1rem;
	position: relative;
}

.test-guide-tests-column li:first-child {
	border-top: 1px solid var(--light-grey);
}

.test-guide-tests-column h2 {
	cursor: default;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.4;
	max-width: calc(100% - 1.5rem);
}

.test-guide-tests-column .test-detail-toggle {
	position: absolute;
	right: 1rem;
	top: 1.5rem;
}

.test-guide-tests-column .test-detail-toggle-button {
	background: transparent;
	border: 0;
	cursor: pointer;
	height: 1.5rem;
	line-height: 1.5rem;
	padding: 0;
	text-align: center;
	width: 1.5rem;
}

.test-guide-tests-column .test-detail-toggle-button::after {
	color: var(--indigo);
	content: "+";
	font-size: 2rem;
	line-height: inherit;
}

.test-guide-tests-column .expanded .test-detail-toggle-button::after {
	content: "-";
}

.test-guide-tests-column li dl {
	margin: 0.5rem 0 1rem 0;
}

.test-guide-tests-column li dl > * {
	display: none;
	line-height: 1.5;
	margin: 0;
}

.test-guide-tests-column li dt {
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.test-guide-tests-column li dd:not(.test-schedule) + dt {
	margin-top: 1.5rem;
}

.test-guide-tests-column li.expanded dl > * {
	display: block;
}

.test-guide-tests-column li dl :is(dd.test-code, .test-schedule) {
	display: inline-block;
	font-weight: 400;
	line-height: 1.25;
	margin-top: 0;
}

.test-guide-tests-column li dd.test-code {
	margin-right: 1rem;
}

.test-guide-tests-column li dd.test-schedule.long {
	margin-top: -0.5rem;
}

.test-guide-tests-column li dd.test-description a {
	text-decoration: underline;
}

.test-guide-tests-column li .test-compare {
	font-size: 1rem;
	line-height: 1.5;
}

.test-guide-tests-column li .test-compare > * {
	vertical-align: middle;
}

.test-guide-tests-column li .test-compare :is(input:not([disabled]), input:not([disabled]) + label) {
	cursor: pointer;
}

.test-list.no-results > *:not(.wp-block-query-no-results),
.test-list.no-results ~ .progress,
.test-list.no-results ~ .load-more {
	display: none !important;
}

div.test-list > div.wp-block-group {
	display: none;
}

.test-guide-tests-column .progress {
	font-size: 0.875rem;
	margin: 2.5rem auto 1.5rem auto;
	padding-bottom: 0.7rem;
	position: relative;
	text-align: center;
	width: 15rem;
}

.test-guide-tests-column .progress::before {
	background-color: var(--light-grey);
	bottom: 0;
	content: "";
	height: 0.25rem;
	left: 0;
	position: absolute;
	width: 100%;
}

.test-guide-tests-column .progress::after {
	background-color: var(--indigo);
	bottom: 0;
	content: "";
	height: 0.25rem;
	left: 0;
	position: absolute;
	width: var(--percent);
}

.test-guide-tests-column .load-more {
	background: white;
	border: 2px solid currentColor;
	border-radius: 2.5rem;
	color: var(--antech-rgb-antech-heritage);
	cursor: pointer;
	display: block;
	margin: auto;
	padding: 1rem 2rem;
	width: fit-content;
}

.wp-block-group.test-form-wrapper-group {
	background-color: var(--lightest-grey);
	padding: 3rem 1rem;
}

.wp-block-group.test-form-wrapper-group p {
	background: transparent;
}

.test-form-wrapper-group h2 {
	background: transparent;
	font-size: 1.8125rem;
	line-height: 1.25;
	margin: 0 0 0.5rem 0;
}

.test-form-wrapper-group p {
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
}

.test-forms-wrapper-columns {
	gap: 4rem !important;
}

.test-form-wrapper-group > .wp-block-buttons {
	display: none;
}

.test-form-wrapper-group li.test_request_form {
	border-bottom: 1px solid var(--light-grey);
	padding: 1.5rem 0;
}

.test-form-wrapper-group .test_request_form h3 {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.75;
	margin: 0 0 0.5rem 0;
}

#test-compare {
	background-color: white;
	border-top: 3px solid var(--indigo);
	bottom: 0;
	left: 0;
	max-height: 45vh;
	max-width: none;
	overflow-y: auto;
	padding: 1rem;
	position: fixed;
	width: 100%;
	z-index: 1;
}

#test-compare-inner {
	margin: auto;
	max-width: 87.5rem;
	position: relative;
}

#test-compare h2 {
	font-family: inherit;
	font-size: 1.125rem;
	line-height: 1.25;
	margin: 0 0 1rem 0;
}

#test-compare-clear {
	background: transparent;
	border: 0;
	color: var(--indigo);
	cursor: pointer;
	font-size: 1rem;
	padding: 0;
	position: absolute;
	right: 0;
	text-decoration: underline;
	top: 0;
}

#test-compare-table-wrapper {
	max-width: 87.5rem;
	overflow-x: auto;
	width: 100%;
}

#test-compare table {
	border-collapse: collapse;
	font-size: 0.9375rem;
	width: 100%;
}

#test-compare table :is(th, td) {
	border-left: 1px solid var(--light-grey);
	border-top: 1px solid var(--light-grey);
	padding: 0.25rem 0.75rem;
	vertical-align: top;
}

#test-compare table th {
	background-color: var(--lightest-grey);
	border-left: 0;
	min-width: 120px;
	text-align: left;
}

#test-compare table tr:first-child :is(th, td) {
	border-top: 0;
}

#test-compare table td {
	min-width: 270px;
}

.test-form-wrapper-group .test-form-details-link .version {
	display: none;
}

.test-form-wrapper-group .test-form-details-link .wp-block-button__link-icon {
	display: inline-block;
	margin-left: 0.25rem;
	vertical-align: text-top;
}

.test-form-wrapper-group .test-form-details-link svg {
	aspect-ratio: 1 / 1;
	width: 1.25rem;
}

.test-form-wrapper-group .test-form-details-link path {
	fill: currentColor;
}

.is-section-cta {
	margin: 3rem auto !important;
	max-width: 87.5rem !important;
}

@media (min-width: 45em) {

	.test-form-wrapper-group h2 {
		font-size: 3.375rem;
		line-height: 1.2;
	}

	.wp-block-group.test-guide-wrapper-group {
		padding: 2.5rem 2.5rem 0 2.5rem;
	}

	.test-guide-wrapper-group div {
		font-size: 1rem;
	}

	#test-guide-categories p,
	#test-guide-categories label {
		font-size: 1rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.test-guide-tests-column li {
		padding: 2rem;
	}

	.test-guide-tests-column h2,
	.test-form-wrapper-group .test_request_form h3 {
		font-size: 1.625rem;
		line-height: 1.25;
	}

	.test-guide-tests-column .test-detail-toggle-button {
		height: 2rem;
		right: 2rem;
		top: 2rem;
		width: 2rem;
	}

	.test-guide-tests-column .test-detail-toggle-button::after {
		font-size: 2.5rem;
	}

	#test-compare {
		max-height: 30vh;
	}

	.wp-block-group.test-form-wrapper-group {
		padding: 6.5rem 2.5rem;
	}

	.test-form-wrapper-group li.test_request_form {
		padding: 1.5rem 0 2rem 0;
	}

	.test-form-wrapper-group .test-form-details-links .version {
		display: inline;
	}

	.is-section-cta {
		margin: 6.5rem auto !important;
	}
}

@media (min-width: 64em) {

	.wp-block-columns {
		justify-content: space-between !important;
	}

	.test-guide-wrapper-columns {
		position: relative;
	}

	.test-guide-filter-column {
		align-self: flex-start;
		flex-basis: 30% !important;
		left: 0;
		position: sticky;
		top: 2rem;
	}

	#test-guide-search {
		display: none;
	}

	#test-guide-search-secondary {
		display: block;
		margin-bottom: 2.5rem;
	}

	#test-guide-country {
		margin-top: 0;
	}

	#test-guide-category button {
		display: none !important;
	}

	#test-guide-categories {
		border: 0;
		border-radius: 0;
		display: block;
		padding-bottom: 0;
	}

	#test-guide-categories p,
	#test-guide-categories label {
		padding: 0;
	}

	#test-guide-categories p {
		margin-bottom: 1rem;
	}

	.test-form-wrapper-group li.test_request_form {
		display: grid;
		grid-template-areas:
			"title download"
			"description download";
		grid-template-columns: 60% auto;
	}

	.test-form-wrapper-group .test_request_form h3 {
		grid-area: title;
	}

	.test-form-wrapper-group .test_request_form p {
		grid-area: description;
	}

	.test-form-wrapper-group .test-form-details-links {
		align-items: center;
		display: flex;
		grid-area: download;
		justify-content: flex-end;
	}
}
