/*
	Inspired by / based on: https://github.com/riggraz/no-style-please
	Copyright (c) 2020 Riccardo Graziosi, MIT License

	Copyright (c) 2025 Stefan Szczygielski, MIT License
*/

body[a="dark"] {
	filter: invert(1) }

body[a="dark"] img {
	filter: invert(1) }

body[a="dark"] img.ioda {
	filter: invert(0) }

body[a="dark"] .emoji {
	filter: invert(1) }

body[a="dark"] iframe {
	filter: invert(1) }

@media (prefers-color-scheme: dark) {
	body[a="auto"] {
		filter: invert(1) }

	body[a="auto"] img {
		filter: invert(1) }

	body[a="auto"] img.ioda {
		filter: invert(0) }

	body[a="auto"] .emoji {
		filter: invert(1) }

	body[a="auto"] iframe {
		filter: invert(1) }
}

html,body {
	background: white }

html {
	height: 100%;
	scroll-behavior: smooth
}

body {
	color: black;
	font-family: monospace;
	font-size: 16px;
	line-height: 1.4;
	margin: 0;
	min-height: 100%;
	overflow-wrap: break-word }

.post-meta {
	text-align: right }

h2,h3,h4,h5,h6 {
	margin-top: 3rem }

hr {
	margin: 2rem 0 }

p {
/*	text-align: justify; */
/*	margin: 1rem 0 */
}

li {
	margin: 0.4rem 0 }

*:target {
	background: yellow }

@media screen and (min-width: 801px) {
	.w {
		max-width: 800px;
	}
	p {
		text-align: justify;
	}
}

@media screen and (max-width: 800px) {
	.w {
		width: 100%;
	}
}

.w {
/*	width: 100%;
	max-width: 800px; */
	margin: 0 auto;
	padding: 0.5rem 0.5rem;
/*	border: 1px solid black; */
	word-wrap: break-word;
	box-sizing: border-box;
}

hr {
	text-align: center;
	border: 0
}

hr:before {
	content: "/////"
}

hr:after {
	content: attr(data-content) "/////"
}

table {
	width: 100%
}

table,th,td {
	border: thin solid black;
	border-collapse: collapse;
	padding: 0.4rem
}

code {
	color: white;
	background: black
}

div.highlighter-rouge code {
	display: block;
	overflow-x: auto;
	white-space: pre-wrap;
	padding: 1rem
}

blockquote {
	font-style: italic;
	border: thin solid black;
	padding: 1rem
}

blockquote p {
	margin: 0
}

img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto
}