*,
*::before,
*::after {
  box-sizing: border-box;
}

ul[role="list"],
ol[role="list"] {
  list-style: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

img,
picture {
  max-width: 100%;
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
 	/*--bg-page: #306;
 	--bg-dark: #002;
 	--bg-subtle: #306;
 	--fg: #dcf;
 	--hl: #dcf;
 	--fg-subtle: #a9c;
 	--fg-limited: #a79;*/
:root{--clr-bg:#fff7f3;--clr-fg:#111;--clr-accent:#d20000;--clr-subtle:#ffe;}
:root{--clr-bg:#002;--clr-fg:#dcf;--clr-accent:#a79;--clr-subtle:#a9c;}
:root{--clr-bg:#fff;--clr-fg:#000;--clr-accent:#00f;--clr-subtle:#bbb;}
html,body{height:100%;}
body{background:var(--clr-bg);color:var(--clr-fg);font-size:1rem;margin:0 auto;line-height:1.6rem;font-family:-apple-system,blinkmacsystemfont,"Helvetica Neue","Helvetica","Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:720px;}
.content{padding:1rem;}
a{color:var(--clr-subtle);text-decoration:none;}
a:hover{color:var(--clr-accent);}
a code{color:inherit;}
main{display: flex;
  justify-content: center;
  align-items: center;height:100%;}
article a[href^="gemini"]::after,article a[href^="gopher"]::after,article a[href^="http"]::after{content:"↗";font-size:0.5em;vertical-align:super;}
article{width:100%;}
code,pre{color:var(--clr-accent);font-size:1rem;}
pre{display:block;overflow-x:auto;background:var(--clr-subtle);padding:0.5rem 1rem;margin:0 -1rem;}
.index{padding:1rem;text-align:center;}
.pro{border-radius:5%;max-width:200px;margin:1rem auto;}
.title{margin-bottom:0;}
.date{display:block;}
.source{margin:0;}
.articles ul{list-style:none;margin:0;padding:0;}
.articles li{margin-bottom:1rem;}
.links{font-family:monospace;text-align:center;font-size:1.4rem;width:11ch;margin:0 auto;word-wrap:break-word;}
.metadata{font-style:italic;font-size:0.8rem;margin-top:0;}
blockquote{margin-left:0rem;border-left:solid 0.5rem var(--clr-accent);padding:0.5rem 1rem;}
footer{padding:1rem;font-size:0.8rem;color:var(--clr-subtle);}
table,tr,td,th{border:solid 1px var(--clr-fg);padding:0.5rem;background:var(--clr-bg);}
table{padding:1px;background:var(--clr-fg);}
th{color:var(--clr-bg);background:var(--clr-accent);}
img ~ em{display:block;text-align:center;margin-top:0.5em;}