/* The Great Reset */
*, *:before, *:after {
	all: unset;
    display: revert;
    box-sizing: border-box;
}

a{
    cursor: pointer;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong, b{
	font-weight: bold;
}

em, i{
	font-style: italic;
}

/* Actual styling */

:root{
	--line-height: 19pt;
	--negative-line-height: calc(-1 * var(--line-height));
	--text-background: hsl(0, 0%, 100%);
	
	line-height: var(--line-height);
	font-family: 'Open Sans', tahoma, helvetica, sans-serif;
    font-size: 13pt;
}

body {
	background-color: var(--text-background);
}

.site-name {
    font-size: 16pt;
}

header{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
    padding: .5rem;
    margin-bottom: 1rem;
	background-color: hsl(0,0%,90%);
}

.page-title{
	font-size: 2rem;
	line-height: 2rem;
	margin-bottom: 1rem;
}

.edit-time{
	color: grey;
}

.sig {
	border-top: 1px solid silver;
}

.index-entry{
	display: grid;
	justify-items: start;
	grid-template-columns: 6rem auto;
}

.content {
	padding: .5rem;
	max-width: 45rem;
	margin: auto;
}

/* Cured HTML */

.cured{
	white-space: pre-line;
}

.cured h1{
	font-size: 24pt;
	line-height: 24pt;
	display: inline-block;
}

.cured h2{
	font-size: 20pt;
	line-height: 20pt;
	display: inline-block;
}

.cured a::after{
	content: "⤤";
	vertical-align: super;
	display:inline-block;
	line-height: 0;
	font-size: 70%;
}

.cured a:hover{
	text-decoration: underline;
	color: hsl(200, 85%, 30%);
}

.cured ul{
	list-style-type: square;
	margin-left: 1rem;
	display: inline-block;
	white-space: normal;
}

.cured ol{
	list-style-type: decimal;
	margin-left: 1rem;
	display: inline-block;
	white-space: normal;
}

.cured code,
.cured [-code],
.cured script[type="text/plain"]{
	font-family: Consolas, Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
	background-color: hsl(250, 30%, 90%);
	padding: 0 .25rem 0 .25rem;
	white-space: pre-wrap;
	tab-size: 4;
	-moz-tab-size: 4;
}

.cured code[-block],
.cured [-code][-block],
.cured script[type="text/plain"]{
	display: block;
	margin-bottom: var(--negative-line-height);
	padding: .5rem;
	border-radius: 1px;

	box-shadow: inset 0 var(--line-height) var(--text-background);
	margin-top: var(--negative-line-height);
}

.cured blockquote{
	background-color: hsl(40, 50%, 90%);
	padding: .5rem;
	margin-bottom: var(--negative-line-height);
	border-radius: 1px;

	box-shadow: inset 0 var(--line-height) var(--text-background);
	margin-top: var(--negative-line-height);
}