:root{--bodybg:light-dark(#fff,#2f343f);--bodyc:light-dark(#000,#fff);
      --headerbg:light-dark(#3f8cc5,#282828);--navac:light-dark(#fff,#fbf1c7);
      --h1c:light-dark(#000,#fbf1c7);--h2c:light-dark(#2d5ab3,#f8ae19);
      --h3c:light-dark(#2d5ab3,#f8ae19);--tagsc:light-dark(#595959,#d3d3d3);
      --tagsac:light-dark(#000,#fff);--codebg:light-dark(#323d56,#ffffff0d);
      --introc:light-dark(#000,#fff);--footerc:light-dark(#000,#fff);
      color-scheme:light dark}
h1,h2,h3{font-size:1.2em;margin-bottom:0}
h1,h2{color:var(--h1c);font-size:1.2em}
h2{color:var(--h2c)}
h3{color:var(--h3c);font-size:1em;}
h6{font-size:.8em;font-weight:400;margin-top:.2em}
h6 a{font-weight:400!important}
body,footer,header,nav{margin:0 auto}
footer,main,nav{max-width:50rem}
html{font:1em sans;height:100%}
body{background:var(--bodybg);color:var(--bodyc)}
header{background:var(--headerbg)}
main{font-size:.9em;margin:1em auto;padding:0 1em 1.5em}
code{background:var(--codebg);color:#d3d3d3;font-size:1.2em;padding:.1em .3em;}
pre code{display:block;overflow:auto;padding:.5rem;border-radius:.5em;}
a,a:hover,a:link,a:visited{color:inherit;font-weight:700;text-decoration:none}
img{height:auto;max-width:100%}
nav{padding:1.5em 1em}
nav a:link,nav a:visited{color:var(--navac);font-size:1em;margin-right:2ch;text-decoration:none}
footer{color:var(--footerc);font-size:.7em;padding-bottom:2em;text-align:center}
.intro{color:var(--introc);padding:1em 0}
.tags{color:var(--tagsc);font-size:.9em;margin:.2em 0 3em}
.tags a:hover,.tags a:link,.tags a:visited{color:var(--tagsac);font-weight:400;text-decoration:none}
.tags p{display:inline-block;margin:0 .3em .3em 0;padding:0}
.divide{color:var(--tagsc)}