:root {
	--link-color: #00e;
	--link-visited-color: #6830BB;
}

@media (prefers-color-scheme: dark) {
	:root {
		--link-color: #78b8ff;
		--link-visited-color: #c6aeea
	}
}

a {
	color: var(--link-color)
}

a:visited {
	color: var(--link-visited-color)
}

main > aside {
	border: var(--line-width) solid;
	padding: 0 var(--one-line);
	border-radius: var(--half-line);
}

.breadcrumb, .breadcrumb + hr {
	margin: calc(0.5 * var(--one-line)) 0
}

.breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumb li:not(:last-child)::after {
  display: inline-block;
  margin: 0 .25rem;
  content: "→";
}

nav.nextprev, .reply {
	display: flex;
	flex-wrap: wrap;
}

nav.nextprev > a, nav.nextprev > span, .reply > a, .reply > span {
	flex-grow: 1;
	margin: auto;
	text-align: center;
}

.byline, .--center {
	text-align: center;
}

.options > * {
	padding: 0 0.5rem;
}

.ctas {
	display: flex;
	flex-wrap: wrap;
	gap: calc(var(--one-line) * 0.5);
	justify-content: center;
}

.ctas section {
	width: 100%;
	max-width: 32ch;
	min-width: 20ch;
	display: inline-block;
	border: var(--line-width) solid;
	padding: 0 calc(0.5 * var(--one-line));
	box-sizing: border-box;
}

.ctas section ul {
	padding-inline-start: calc(0.5 * var(--one-line));
}

.listing {
	border-bottom: var(--line-width) solid;
	padding: calc(0.5 * var(--one-line)) 0;
}

.listing h2 {
	margin: 0;
}

.listing h2 + p.subtitle {
	margin-top: 0;
}

.listing h2 > a {
	text-decoration: none;
}

.listing h2 > a:hover, .listing h2 > a:focus {
	text-decoration: underline;
}

.poem {
	text-align: center;
}

article.poem div {
	display: inline-block;
}

.poem[data-align="left"] div {
	text-align: left;
}

.poem[data-align="center"] div {
	text-align: center;
}

.poem[data-align="right"] div {
	text-align: right;
}

nav.posts ul {
	list-style: none;
	padding: 0;
}

nav.posts li {
	margin: var(--one-line) 0;
}

nav.posts li >  a {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 1rem;
	text-decoration: none;
}

nav.posts li > a span {
	text-decoration: underline;
}

nav.posts hr {
	display: inline;
	margin: 0 0 calc(var(--one-line) * 0.25) 0;
	align-self: end;
	border-top: var(--line-width) dotted var(--color);
}

nav.posts time {
	color: var(--color);
}

/*.options, .--center {
	text-align: center;
}

.options > * {
	padding: 0 0.5rem;
}

.listing {
	border-bottom: var(--line-width) solid;
	padding: calc(0.5 * var(--one-line)) 0;
}

.listing h2 {
	margin: 0;
}

.listing h2 + p.subtitle {
	margin-top: 0;
}

.listing h2 > a {
	text-decoration: none;
}

.listing h2 > a:hover {
	text-decoration: underline;
}

.poem {
	text-align: center;
}

article.poem div {
	display: inline-block;
}

.poem[data-align="left"] div {
	text-align: left;
}

.poem[data-align="center"] div {
	text-align: center;
}

.poem[data-align="right"] div {
	text-align: right;
}

#typewriterFallback {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

#typewriter::after {
	content: '_';
	width: 0;
	display: inline-block;
	animation: cursor-blink 1s infinite;
}

@keyframes cursor-blink {
	from {opacity: 1}
	to {opacity: 0}
}

/*.hidden {
	display: none
}

video {
	max-width: 100%;
}

nav {
	contain: layout;
}

@media print {
	:root {
		--color: #000!important;
		--background-color: #fff!important;
	}
	a::after {
		content: " <"attr(href)">";
	}
}

article figure img {
	filter: grayscale(1);
	transition: filter 0.5s;
}

article figure img:hover {
	filter: unset;
}

nav a[rel="prev"] {
	float: left;
}

nav a[rel="next"] {
	float: right;
}
*/

.ads_warning {
	color: #fff;
	background-color: #b50000;
	padding: 0.5em;
}