@media (prefers-color-scheme: light){
    body {
        color: var(--color-light, #000);
        background: var(--background-light, #fff);
    }
    a {
        color: var(--link-light, hsl(230,90%,30%));
    }
}
@media (prefers-color-scheme: dark){
    body {
        color: var(--color-dark, #fff);
        background: var(--background-dark, #000);
    }
    a {
        color: var(--link-dark, hsl(230,90%,70%));
    }
}
body{
    padding:0 .62rem;
    font: 1.2rem/1.62 system-ui;
    margin: 1rem auto;
    max-width: 48rem;
}
main {
}
header {
	text-align: center ;
    padding-top: 2rem;
}
h1,h2,h3 {
    line-height:1.2;
    padding-top: .62rem;
}
img {
	max-width: 100% ;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
@media print{
    body{
        max-width:none
    }
}
table {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}
th,td {
    padding: .4rem;
}

footer {
	text-align: center ;
	clear: both ;
}

/* For TAGLIST.HTML */
.taglist {
	text-align: center ;
	clear: both ;
}

/* For TAGCLOUD.HTML */
#tagcloud {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#tagcloud li {
  display: block;
  padding: 0 .62rem;
}

/* For NEXTPREV.HTML */
#nextprev {
	/* The container for both the previous and next articles. */
}
#prevart {
	float: left ;
	text-align: left ;
}
#nextart {
	float: right ;
	text-align: right ;
}
#nextart,#prevart {
	max-width: 33% ;
}