html {
  scroll-behavior: smooth;
  font-size: 100%;
}

body {
 -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  font-family: Helvetica, sans-serif;
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
  line-height: 1.5;
  background-color: antiquewhite;
}

pre {
  white-space: pre-wrap;
  margin: 1rem;
}

main
{
  max-width: 70ch;
  margin-inline: auto;
  padding-inline: clamp(1rem, 3vw, 2rem);
}

article hr {
  margin: 2rem auto;
  width: 8rem;
}

article .byline
{
  display: grid;
  grid-template-rows: minmax(1fr, 2fr) 1fr;
  grid-template-columns: 1fr 1fr;
}

article .byline .title {
  grid-row: 1;
  grid-column: 1 / 3;
  text-align: center;
}

article .byline .date {
  grid-row: 2;
  grid-column: 1;
  text-align: left;
}

article .byline .wordcount {
  grid-row: 2;
  grid-column: 2;
  text-align: right;
}

article .story
{
  text-align: justify;
}

footer
{
  max-width: 70ch;
  margin-inline: auto;
  padding-inline: clamp(1rem, 3vw, 2rem);
}

footer nav .separator {
  text-align: center;
}

footer nav .exit {
  text-align: center;
}

footer nav .wrapper {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
}

footer nav .title {
  text-align: center;
  border-top: thick double black;
  border-bottom: thick double black;
}

footer nav .home {
  grid-row: 2;
  grid-column: 1;
  text-align: left;
}

footer nav .rss {
  grid-row: 2;
  grid-column: 2;
  text-align: right;
}

footer nav p {
  text-align: justify;
  line-height: 1.2;
}