textarea {
	height:300px;
	font-family: monospace;
	font-size: 9pt;
}
input#code {
	width:250px!important;
}
#url { width: 75%!important; }
#redirect { width: 15%!important; }
#editbar {
	margin-bottom:1em;
	padding:0.4em;
	border: solid 0px #CCC;
	border-top-width: 1px;
	font-size:10pt;
}
div#url {
	margin-top: 0.5em;
	margin-bottom: 1em;
}
#breadcrumb {
	margin-bottom: 0.5em;
}
img.right {
	float:right;
	margin: 0 0 1em 1em;
}
img.left {
	float:left;
	margin: 0 1em 1em 0;
}
img.half {
	width:50%;
	height:50%;
}
img.middle {
	padding-top:20px;
	padding-bottom:20px;
}
#images img.right, .shadow {
	-webkit-filter: drop-shadow(0px 0px 24px rgba(0,0,0,0.2));
	padding-left:30px;
	padding-bottom:30px;
	display:block;
	float:right;
	clear:both;
}
#images img.top {
	-webkit-filter: drop-shadow(0px 0px 24px rgba(0,0,0,0.2));
	padding-bottom:30px;
	display:block;
	clear:both;
}
img.figure {
	-webkit-filter: drop-shadow(0px 0px 24px rgba(0,0,0,0.2));
	display:block;
}
#instructions dl dt {
	font-weight: bold;
}
#instructions dl dd {
	margin-bottom: 1em;
}
#content form input, #content form textarea, #content form select {
	width:95%;
}
#content form input#files {
	width:75%;
	border: none;
	padding-left:0;
}
#content form select#position {
	width:20%;
}
#content div#version {
	float:right;
	clear:both;
	font-size: 8pt;
	font-style: italic;
}

#tiers {
	min-height:2em;
}

#instructions hr {
	margin: 2em 0 2em 0;
	color: #EEE;
	background-color: #DDD;
	border: 0 none;
	height: 1px;
}

#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content p a, #content ul a, #content ol a {
	text-decoration: underline;
	color:#00c8b5;
}

#instructions h3 {
	margin-bottom: 0.25em;
}

*:target {
	position: relative;
	color: rgb(0,198,179);
}

h3:target {
	color:#fca344;
}

*:target::before {
	content: "";
	position: absolute;
	/* Positioning the arrow to the middle left of the container */
	left: -25px; /* Half the border size to make it align perfectly */
	top: 50%;
	transform: translateY(-50%); /* Centers the arrow vertically */

	/* Creating the arrow shape using borders */
	width: 0; 
	height: 0; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid rgb(0,198,179);
}

h3:target::before {
	border-left: 8px solid #fca344;
}

/* Set up a counter. Not strictly required but it makes me feel better. */
:root {
	counter-set: indent;
}

#instructions h3 {
	scroll-margin-top: 80px;
	margin-left: 0.5rem;
	counter-reset: indent 3;
}

#instructions h4 {
	scroll-margin-top: 80px;
	margin-left: 2rem;
	counter-reset: indent 444;
}

#instructions h5 {
	scroll-margin-top: 80px;
	margin-left: 3rem;
	counter-reset: indent 55555;
}

#instructions h6 {
	scroll-margin-top: 80px;
	margin-left: 4rem;
	counter-reset: indent 6666666;
}

#instructions ul {
	margin-left: 1em;
	display: table !important; /* For achieving height: 100% on pseudo, b/c this has dynamic height */
	text-indent: unset !important; /* Fix lists */
	padding-inline-start: unset !important; /* Fix lists */
}

#instructions ul li::marker {
	color:#fca344;
}

#instructions ul::before {
	content: counter(indent);
	display: table-cell;
	color: transparent;
	width: 1px;
	white-space: nowrap;
	font-size: 1rem;
	font-family: monospace;
}


#instructions p:not(:has(img)) {
	display: table !important; /* For achieving height: 100% on pseudo, b/c this has dynamic height */
	text-indent: unset !important; /* Fix lists */
	padding-inline-start: unset !important; /* Fix lists */
}

#instructions p:not(:has(img))::before {
	content: counter(indent);
	display: table-cell; /* Fills height of parent w/display:table, even if dynamic height */
	color: transparent;
	margin-left:-1rem;

	/* Don't expand past text content */
	width: 1px;
	white-space: nowrap;

	/* Adjust to suit indentation size needs */
	font-size: 1rem;
	font-family: monospace;
}

#instructions li {
	font-size: 16px!important;
}

#instructions li p {
	margin-bottom: 0.5em!important;
}

#instructions pre {
	background-color: rgba(128,128,128,0.25);
	border: 1px solid rgba(128,128,128,0.5);
	padding:0.25em;
	margin-top:-1em!important;
	margin-bottom:2em;
}

#content p a, #content ul a, #content ol a {
	font:inherit;
	text-transform: none;
	font-weight: inherit;
  	letter-spacing:inherit;
}

#content span.new {
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9pt;
	color: #202020;
	padding: 0.3em 0.6em 0.3em 0.6em;
	background-color: #fca344;
	border-radius: 7pt;
	baseline-shift: 10pt;
	bottom: 1em;
}