list {
			box-sizing: border-box;
			margin: 1rem 0;
			padding: .25rem;
		}

		list item {
			margin: 0;
		}

		list list {
			margin: .5rem;
		}

		list[rendition*="#bracket-right"] {
			width: 50%;
		}

		header[rendition*="#bracket-left"] {
			max-width: 70%;
			float: right;
			width: 50%;
		}
		header[rendition*="#bracket-right"] {
			max-width: 70%;
			float: left;
			width: 50%;
		}

		th {
			position: relative;
		}

		th[rendition*="float"] {
			float: none;
			width: auto;
		}

		th[rendition]:before {
			content: "^";
			color: #a0a0a0;
			display:block;
			position: absolute;
			border: 1px solid #a0a0a0;
			font-size: 10px;
			left: -11px;
		    line-height: .1;
		    padding-top: 7px;
		    cursor: pointer;
		}

		th[rendition]:hover:before {
			content: "heading:";
			line-height: 1;
		    padding-top: 0;
			background: white;
			padding: 2px 4px;
			font-size: 12px;
			top: -8px;
			font-family: "Roboto", "Helvetica", "Arial", sans-serif;
		}
		th[rendition*="float-right"]:hover:before { content: "heading: in the manuscript this appears to the right"; }
		th[rendition*="float-left"]:hover:before { content: "heading: in the manuscript this appears to the left"; }