:root { 
    --anchor: #333;
    --color: #333;
    --background: white; 
    --highlight: #333;
  --anchor-hover: #ccb;
  --code:#333;
  --code:#9b5ad0;
}
html{font:100%/1.5 sans-serif;margin:1em auto;max-width:38em;padding:0 2%;color:var(--color); background-color:var(--background);}
header img { height:3em; float:right; }
blockquote{border-left:4px solid;margin:0;padding-left:.8em}
dd,ol,ul{margin:0;padding-left:1.5em}
code,time,kbd,samp,.mono{color: var(--code);font-family:monospace;}
a.mono {color:var(--color);text-decoration: none; }
:not(pre)>code{overflow-wrap:break-word;padding:0 .1em}
pre{overflow:auto;padding:.5em}
pre,:not(pre)>code{border:1px solid}
img{display:block;height:auto;margin:auto;max-width:100%}
a:focus,[tabindex]:focus{outline:3px solid}
@supports selector(:focus-visible){a:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible){outline:none}}
:focus-visible{outline:3px solid}
::selection { color: var(--background); background: var(--highlight); } 
a { color:var(--anchor); }
a:hover { background-color: var(--anchor-hover); color: #fff;}
h1 a {color:var(--highlight);}
h1 { margin: 0; font-size:4em;}
h1 a, h2 a, h3 a, h4 a { text-decoration: none; }
.details { margin-top: -1em; }
p, code { line-height: calc(1ex / 0.32); }
main li { margin-bottom:0.5em;}
article p, article img { margin: calc(1ex / 0.32) auto; }
article p {
  font-size: 1em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  text-rendering: optimizelegibility !important;
  letter-spacing: .03em;
  hyphens: auto;
  font-family: serif;
}
@supports (font-size-adjust: 1;) { article { font-size-adjust: 0.5; } }
figcaption { font-style: italic; margin-top: 1em; }
blockquote { border-left: 5px solid; font-style: italic; }
footer { margin:1.5em 0; }
footer p { font-size:0.8em; line-height:1em; }
.code404 { white-space: pre; line-height:0; }
details { }
summary { font-weight: bold; margin-bottom: 1em; }
details[open] { }
details[open] summary { color:var(--highlight);}
.date { font-size:0.8em; line-height:1em;padding:0;margin-top:-1em;}
