:root {
  color: #181512;
  background: #f7f3ec;
  font-family: Georgia, serif;
  line-height: 1.6;
}

body { margin: 0 auto; max-width: 42rem; padding: 2rem 1.5rem; }
.site-header, .site-footer { display: flex; gap: 1rem; justify-content: space-between; }
.site-header { border-bottom: 1px solid #d8d0c2; padding-bottom: 1rem; }
.site-footer { border-top: 1px solid #d8d0c2; margin-top: 4rem; padding-top: 1rem; }
a { color: inherit; }
/* article { max-width: 36rem; } */
article img {
  max-width: min(150%, 100vw);
  margin-left: calc((100% - min(150%, 100vw)) / 2);
  margin-right: calc((100% - min(150%, 100vw)) / 2);
}
.desc {
  font-style: italic;
}