body	 { padding: 0; margin: 8px; background: #fff; font-family: Lora, "Droid Serif", Georgia, serif;  
	   font-size: 16px; color: #222; line-height: 2.6ex; }
a	 { color: #1951c2; text-decoration-style: dotted; }
a:hover	 { text-decoration-style: solid; }
img	 { outline: 0; display: block; max-width: calc(100vw - 16px); max-height: calc(98vh - 24px - 19ex); 
           width: auto; height: auto; margin: 0 0 0 0; padding: 0; }
h1	 { font-size: 22px; color: #535353; font-weight: 400; font-style: italic; 
           line-height: 2.2ex; padding: 0; margin-bottom: 0.2em; margin-top: 0.33em; }
small	 { font-size: 90%; }
.nojs	 { font-family: "Segoe UI", Geneva, Arial, sans-serif; font-size: 16pt; padding: 0; }
.arr a	 { font-family: Tahoma, Geneva, Arial, sans-serif; font-size: 12pt; text-decoration: none; 
	   font-weight: bold; color: #222; text-shadow: 0 0 3px #fff; 
	   position: absolute; top: 7pt; right: 12pt; z-index: 1; }   
.arr a:hover { text-decoration: none; color: #08f; }
.note	 { font-family: Tahoma, Geneva, Arial, sans-serif; font-size: 75%; line-height: 93%; 
	   margin-top: 0.6ex; margin-bottom: 0; padding-bottom: 0; }
.num	 { font-size: 100%; }
.tty	 { font-family: Tahoma, Geneva, Arial, sans-serif; font-size: 90%; font-weight: bold; color: #444; }
.nojs:after { content: "You must enable JavaScript to be able to see this page properly" } } 
#picture { visibility: hidden; }
#caption { margin-bottom: 1ex; visibility: hidden; max-width: 78em; }
@page {
  	   size: portrait;
}
@media (prefers-color-scheme: dark) {
	body 	{ background: #171717; color: #eee; }
	a	{ color: #e6962f; }
	h1	{ color: #ccc; }
	.arr a	{ color: #ddd; text-shadow: 0 0 4px #000; }
	.arr a:hover { color: #f70; }
	.tty	{ color: #bbb; }
}