body {
	/* Ubuntu comes from fonts/; the rest are near-metric stand-ins, in case it
	doesn't load. sans-serif last so there's always something. */
	font-family: "Ubuntu", "Segoe UI", Roboto, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
	font-size: 18px;
	background-color: whitesmoke;
	}
.divPageBody {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 400px;
	}
.divTopPageMessage {
	margin-top: 45px;
	}
.divOutlineContainer {
	margin-left: 50px;
	margin-right: 25px;
	margin-top: 10px;
	margin-bottom: 35px;
	}
.divOutlineTitle {
	font-size: 52px;
	font-weight: bold;
	line-height: 110%;
	margin-top: 45px;;
	text-align: center;
	}
.divOutlineControls {
	margin-top: 18px;
	text-align: center;
	}
.labelExpandToggle {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	font-size: 16px;
	user-select: none;
	}
/* the real checkbox stays in the page so it keeps its keyboard and screen
reader behaviour -- the track and thumb below are what's actually seen */
.labelExpandToggle input {
	height: 0;
	opacity: 0;
	position: absolute;
	width: 0;
	}
.spToggleTrack {
	background-color: #b8b8b8;
	border-radius: 12px;
	display: inline-block;
	height: 24px;
	margin-right: 9px;
	position: relative;
	transition: background-color 150ms ease;
	width: 44px;
	}
.spToggleThumb {
	background-color: white;
	border-radius: 50%;
	height: 18px;
	left: 3px;
	position: absolute;
	top: 3px;
	transition: left 150ms ease;
	width: 18px;
	}
.labelExpandToggle input:checked + .spToggleTrack {
	background-color: #4a90d9;
	}
.labelExpandToggle input:checked + .spToggleTrack .spToggleThumb {
	left: 23px;
	}
.labelExpandToggle input:focus-visible + .spToggleTrack {
	outline: 2px solid #4a90d9;
	outline-offset: 2px;
	}
.divOutlineDisplayer {
	font-size: 20px;
	line-height: 135%;
	margin-left: -25px;
	margin-top: 1em;
	}
.divOutlineHead {
	display: none;
	}
.divRenderedOutline .divOutlineText {
	line-height: 145%;
	}
.spLevel1Head {
	font-weight: bold;
	font-size: 1.05em;
	}