/* --- RESET --- */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

p {margin-bottom: 1.5em;}
h1.page-title { font-size: 2.7em; line-height: 1.1em; margin-bottom: 0.7em; }
blockquote {margin:2em 0 2em 1.5em; border-left: 5px solid #555; padding-left: 1.5em; font-size: 0.8em; color: #555;}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}


/* base styles */
body {
  padding: 0;
  margin:0;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.5;
  color:#222;
}

a { color: #0000EE; }
a:visited { color: #551A8B; }
a:hover, a:active { color: #EE0000; }
a:focus {
   outline: auto 2px #EE0000; // for non-webkit browsers
   outline: auto 5px #EE0000; // for webkit browsers
 }

hr { 
box-sizing: content-box;
height: 1px;
overflow: visible;
border: none;
background:#ddd; 
text-align:center; 
width:50%; 
padding-top:2px; 
margin:3em auto; 
}
.wrapper {
  padding: 2em 1em;
}
@media (min-width:800px) {
    .wrapper {
      padding: 2em 3em;
    }
  }

.site-title {
  font-size: 1.2em;
  color:#444;
  background:#f4f4f4;
  margin:0 0 1em;
  padding:0.7em 1em;
}

.site-title svg { vertical-align: bottom; margin-right: 10px; }

@media (min-width:800px) {
    .site-title {
      padding: 0.7em 3em;
    }
  }

.site-title a, .site-title a:visited { color: #222;text-decoration: none; }
.site-title a:hover, .site-title a:active { color: #444; }



.curator { font-size: 0.8em; background: #f4f4f4; color:#444; font-style: italic; border: 1px solid #ddd; border-radius: 4px; padding: 1.5em; }

.disclaimer {
  font-size: 0.8em;
  color:#444;
  background:#f4f4f4;
  margin:3em 0 0;
  padding:2em 1em;
}

@media (min-width:800px) {
    .disclaimer {
      padding: 2em 3em;
    }
  }