.SpeakerPage-H9CLs0gY-container {
	padding: 1em;
	margin: 0.5em 0;
}

.SpeakerPage-H9CLs0gY-speaker {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas:
		"bio"
		"details"
		"photo";
	grid-gap: 1em;
	align-items: start;
}

.SpeakerPage-H9CLs0gY-header {
	margin: 0;
	padding: 0.5em 0.5em 0.25em;
	border-radius: calc(var(--radius) - 1px);

	color: white;
	background-color: var(--light-blue);
}

.SpeakerPage-H9CLs0gY-bio {
	padding: 0 0.5em;
	grid-area: bio;
}

.SpeakerPage-H9CLs0gY-bio > .SpeakerPage-H9CLs0gY-header {
	margin: 0 -0.5em;
}

.SpeakerPage-H9CLs0gY-bio > *:not(.SpeakerPage-H9CLs0gY-header) {
}

.SpeakerPage-H9CLs0gY-bio > *:last-child {
	margin-bottom: 0;
}

.SpeakerPage-H9CLs0gY-details {
	grid-area: details;
	border: 1px solid var(--light-blue);
	border-radius: var(--radius);
}

.SpeakerPage-H9CLs0gY-details > * {
	margin: 1em 0.5em;
}

.SpeakerPage-H9CLs0gY-details .SpeakerPage-H9CLs0gY-header {
	margin: 0;

	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.SpeakerPage-H9CLs0gY-attribute {
	font-weight: bold;
}

a.SpeakerPage-H9CLs0gY-value {
	color: var(--light-blue);
}
a.SpeakerPage-H9CLs0gY-value:visited {
	color: var(--light-blue);
}
a.SpeakerPage-H9CLs0gY-value:hover {
	color: var(--light-blue);
}

.SpeakerPage-H9CLs0gY-valueList {
	margin: 0;
}

.SpeakerPage-H9CLs0gY-photo {
	grid-area: photo;
	border: 1px solid var(--light-blue);
	border-radius: var(--radius);
}

.SpeakerPage-H9CLs0gY-photo .SpeakerPage-H9CLs0gY-header {
	margin: 0;

	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.SpeakerPage-H9CLs0gY-photo img {
	display: block;
	width: 100%;
	border-bottom-left-radius: calc(var(--radius) - 1px);
	border-bottom-right-radius: calc(var(--radius) - 1px);
}

@media all and (min-width: 800px) {

	.SpeakerPage-H9CLs0gY-speaker {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"bio bio"
			"details photo";
	}

	.SpeakerPage-H9CLs0gY-details {
		margin: 0;
	}

}

@media all and (min-width: 1400px) {

	.SpeakerPage-H9CLs0gY-container {
		padding: 1em 0 0;
	}

	.SpeakerPage-H9CLs0gY-container > * {
		max-width: 1344px;
		margin-left: auto;
		margin-right: auto;
	}

	.SpeakerPage-H9CLs0gY-speaker {
		grid-template-columns: 2fr 1fr 1fr;
		grid-template-areas:
			"bio details photo";
	}

	.SpeakerPage-H9CLs0gY-speaker.SpeakerPage-H9CLs0gY-hasNoPhoto {
		grid-template-columns: 2fr 1fr;
		grid-template-areas:
			"bio details";
	}

}