#her-healthage-plugin {
	max-width: 1200px;
}

#her-healthage-plugin .report-divider {
	height: 5px;
}

#her-healthage-plugin .report-for {
	margin: 8px 0 16px 0;
	font-size: 1.2em;
}

#her-healthage-plugin .report-for-label {
	font-weight: bold;
}

#her-healthage-plugin .report-for-name {
	background-color: #eaeaea;
	padding: 1px 50px 1px 7px;
}

#her-healthage-plugin .report-results {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 20px;
}

#her-healthage-plugin .report-results > div {
	text-align: center;
}

#her-healthage-plugin .report-result {
	display: inline-block;
	font-size: 3em;
	background-color: #eaeaea;
	padding: 0px 19px;
}

#her-healthage-plugin .report-result-desc .main {
	font-weight: bold;
}

#her-healthage-plugin .recommendation-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
}

#her-healthage-plugin .recomm {
	margin-bottom: 14px;
}

#her-healthage-plugin .recomm.adequate {
	opacity: 0.5;
}

#her-healthage-plugin .recomm .title {
	font-weight: bold;
}

#her-healthage-form .showing-msg {
	margin-bottom: 4px;
}
#her-healthage-form .errors {
	background-color: rgb(193, 48, 66);
	color: white;
	border-radius: 3px;
	padding: 10px;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	text-align: left;
	font-weight: bold;
}
.her-header {
	display: grid;
	grid-template-areas:
		'name name name gender'
		'age weight height bmi';
	grid-column-gap: 20px;
	background: #09425A;
	color: white;
	padding: 20px;
}
@media (max-width: 768px) {
	.her-header {
		grid-template-areas:
			'name name name'
			'gender gender gender'
			'age weight height'
			'bmi bmi bmi';
	}
}
.her-header input[type="text"],
.her-userdata input[type="text"] {
	width: 100%;
}
.her-header input[type="text"]::placeholder,  /* assumes light theme */
.her-userdata input[type="text"]::placeholder {
	color: #bcbcbc;
}
.her-header input[readonly],  /* assumes light theme */
.her-userdata input[readonly] {
	background-color: #dfdfdf;
}
@media (min-width: 769px) {
	.her-header .header-gender .spacer {
		margin-bottom: 0.5em;
	}
}
@media (max-width: 768px) {
	.her-header .header-gender {
		padding-top: 30px;
		padding-bottom: 15px;
		text-align: center;
	}
}
.her-questions {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
	padding: 20px;
}
@media (max-width: 768px) {
	.her-questions {
		grid-template-columns: 1fr;
	}
}
.her-questions .her-question {
	margin-top: 10px;
}
.her-questions .her-options {
	padding-left: 15px;
}
.her-questions .her-title {
	font-weight: bold;
	margin-bottom: 10px;
}
.her-interest-heading {
	border-bottom: 2px solid lightgray;
	font-weight: bold;
}
@media (max-width: 768px) {
	.her-interest-heading {
		padding-left: 10px;
	}
}
.her-interests {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	padding: 20px;
}
@media (max-width: 768px) {
	.her-interests {
		grid-template-columns: 1fr;
	}
}
.her-interests [type="checkbox"] + label,
.her-interests [type="radio"] + label {
	display: inline;
}
.her-userdata {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-areas:
		'name2 email'
		'address phone'
		'zip sendreport';
	grid-gap: 20px;
	padding: 20px;
}
@media (max-width: 768px) {
	.her-userdata {
		grid-template-columns: 1fr;
		grid-template-areas:
			'name2'
			'email'
			'address'
			'phone'
			'zip'
			'sendreport';
	}
}