:root {
	--fg: #3d2a0f;
	--bg: #fff;
	font-family: Georgia, serif;
	line-height: 1.2;
	color: var(--fg);
	background: var(--bg);
}
	@media (prefers-color-scheme: dark) {
:root { 
	--fg: #fff;
	--bg: #3d2a0f;
}
	}
body{
	margin: 0 auto;
	padding: 1rem;
}
main{
	margin: auto;
	width:clamp(300px, 32rem, 95vw);
}
a:is(:link, :visited){
	color: inherit;
	text-decoration: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.1em;
}
footer a:is(:link, :visited),
a:is(:link, :visited):hover{
	text-decoration: none;
}
a:is(:link, :visited):focus{
	text-decoration: none;
	outline: thin solid currentColor;
	outline-offset: 0.2em;
}

a:is(:link, :visited):hover,
a:is(:link, :visited):active{
	color: var(--bg);
	background-color: var(--fg);
}

h1,h2,h3,h4,h5,h6{
	font-size: 1rem;
	margin: 0 auto 0.5rem 0;
}
h1, h2{
	font-size: 1.5rem;
	letter-spacing: -0.01em;
	margin-block-start: 1rem;
}
h2,h4,h6{
	font-weight:normal;
}
p{margin: 0 auto 1rem 0;}
ul{
	padding-inline-start: 1rem;
	list-style-type: disc;
}
li{
	margin-block-end: 0.5rem;
}
footer{
	border-block-start: thin solid var(--fg);
	margin-block-start: 2rem;
	padding: 1rem 0 0.5rem 0;
}
time{font-weight:lighter;}
summary{
	cursor:pointer;
	margin:0 0 1rem 0;
}
summary:hover, summary:active, summary:focus{
	outline: var(--fg) solid thin;
	outline-offset: 0.2em;
	outline-style: auto;
}
@media (max-width: 480px) {
}

@media print {
* {
	color: #000 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
body {
	font-size: 10pt;
	line-height: 1.4;
}
main{width:auto;}
h1, h2{ font-size: 12pt; }
h3, h4, h5, h6{ font-size: 10pt; }
h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
p, blockquote { page-break-inside: avoid; }
h1, h2, h3, h4, h5, h6{margin-block-start:0.3em;margin-block-end:0.2em;}
p{margin-block-end:0.3em;}
}