@font-face {
	font-family: Playfair;
	src: url(/PlayfairRomanVF.woff2);
	/* src: url("/Playfair-Regular.woff2"); */
	font-display: fallback;
}

@font-face {
	font-family: Georgia;
	src: local(Georgia);
	size-adjust: 90%;
}

html {
	color-scheme: light dark;
	--faint: oklch(39% 0.005 245);
	--dim: oklch(94% 0.01 27.77);
}

a {
	color: currentcolor;
}

body {
	font-family: Playfair,Georgia,ui-serif,serif;
	line-height: 1.4;
	margin: auto;
	max-width: 45em;
	overflow-x: hidden;
}

h1,h2,h3,h4,
*:not(li) > p,
table {
	padding: 0 1rem;
}

h1,h2,h3,h4,
menu {
	/* Only underline URLs in p tags (mouseover reveals underline) */
	a:not(:hover) {
		text-decoration: none;
	}
}

menu {
	font-size: x-large;
	padding: 0;
}

menu li {
	display: inline-flex;
	margin: 0 .5em;
}

img, video {
	height: auto;
	max-width: 100vw; /* WebKit: don't let images get wider than viewport */
	width: 100%;
}

p {
	hyphens: auto;
}

p img, p video {
	padding: 1vmin 0;
}

hr {
	border: none;
	border-top: 1px solid;
	color: currentcolor;
	height: 0;
}

footer {
	color: light-dark(var(--faint),var(--dim));
	font-size: small;
	line-height: 1.2;
	text-align: right;
}