/* Colors: #cc8, #536652 */
body {
	background: #ffe url("texture.svg") repeat;
	font: 12pt "PT Sans", sans-serif;
	margin: 0;
	min-height: 100vh;
}

h1 { font-size: 16pt; padding-left: 0.25em; padding-top: 0.5em; background: rgba(0,0,0, 0.08); font-variant: small-caps; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }
h4 { font-size: 11pt; }
ul { padding-left: 3em; font-style: italic; }

a { color: brown; }
a:hover { background: rgba(0,0,0, 0.1); }
a.anchor { display: block; position: relative; top: -6em; visibility: hidden; }

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 20pt;
	font-weight: 700;
	text-align: center;
	padding: 0.5em;
	background: #536653;
	color: #ddd;
	border-bottom: 2px solid black;
}
#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 10pt;
	font-style: italic;
	text-align: center;
	padding: 0.3em;
	background: #536653;
	color: #ddd;
	border-top: 1px solid black;
}
#subheader {
	font-size: 10pt;
	font-style: italic;
	font-weight: 400;
}

#content {
	margin-top: 6em;
	margin-bottom: 6em;
	padding: 0 5em;
	color: black;
}

section > h1 { background: rgba(0,0,0, 0.2) }
section > h2 { border-bottom: 1px solid black; }

div.card-layout {
	display: flex;
	flex-flow: row wrap;
	overflow-y: auto;
}

section.card {
	background: #dfd;
	border: 1px dotted black;
	padding: 0.5em;
	margin: 0 1em 1em 0;
	width: 20em;
	height: 30em;
	overflow-y: auto;
	font: 10pt 'PT Sans', sans-serif;
}
section.card > h2                       { margin: 0 0 0.5em 0; }
section.card > section > h3             { margin: 0; font-size: 10pt; font-style: italic; }
section.card > section                  { padding: 0.3em 0; }
section.card > section:not(:last-child) { border-bottom: 1px dotted black; }
section.underway { background: #fde; }
section.completed { background: #eee; height: 10em; }

#rev-history { border: 2px solid black; }
#rev-history th { background: rgba(0,0,0, 0.5); color: #eee; padding: 0.25em; }
#rev-history td { padding: 0.25em; }
#rev-history td.version { text-align: center; }

.kfg { font-style: normal; color: #500; }