#financial-aid-section h2 {
	font-size: 3rem;
}

#financial-aid-section {
	padding: 0.5em;
}

#financial-assistance-form {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.5rem;
	padding: 0% 5%;
}

#financial-assistance-form legend, #financial-assistance-form input[type=button] {
	margin-block: 0.75em;
	text-wrap: balance;
	text-align: center;
}

/* Hide the options */
#financial-assistance-form > div {
	display: none;
}

/* Show one step */
#financial-assistance-form > .visible {
	display: grid;
	justify-items: center;
}

.radio-group {
	display: grid;
	place-content: center;
}

#financial-assistance-form label {
	line-height: 1.2;
	display: grid;
	grid-template-columns: 1em auto;
	gap: 0.5em;
	padding-inline-start: 0.5em;
}

label + label /* Two next to each other */ {
	margin-top: 0.5em;
}

input[type=radio] {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 0.15em solid currentColor;
	border-radius: 50%;
	font: inherit;
	color: currentColor;
	height: 1.15em;
	width: 1.15em;
	padding: unset;
	margin: 0;
	transform: translateY(-0.075em);

	/* Align ::before into the center */
	display: grid;
	place-content: center;
}

input[type="radio"]::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	border-radius: 50%;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--green-1);
	background-color: CanvasText; /* Windows High Contrast Mode */
}

input[type="radio"]:checked::before {
	transform: scale(1);
}

#financial-assistance-form input[type=button], #financial-assistance-form input[type=submit] {
	padding: 0.5em;
	width: 50%;
	max-width: 30rem;
}

@media(max-width: 290px) {
	#financial-assistance-form input[type=button], #financial-assistance-form input[type=submit] {
		width: unset;
	}
}