:root {
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    serif;
  color: #222;
  background: #faf9f6;
}

body {
  margin: 0;
}

main {
  width: min(36rem, calc(100% - 3rem));
  margin: 6rem auto;
}

header {
  margin-bottom: 8rem;
}

h1 {
  margin: 0;
  font-size: 1.7rem;
  font-weight: normal;
  letter-spacing: 0.18em;
}

article {
  margin: 0 0 7rem;
  padding-top: 3.5rem;
  border-top: 1px solid rgb(34 34 34 / 12%);
}

time {
  display: block;
  margin-bottom: 1.25rem;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  font-size: 0.7rem;
  letter-spacing: 0.05em;
  color: #888;
}

.tanka {
  margin: 0;
  font-size: clamp(1.05rem, 1.8vw, 1.18rem);
  line-height: 2.25;
  letter-spacing: 0.08em;
}

figure {
  margin: 2.5rem 0 0;
}

figure img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  box-shadow: 0 0 0 1px rgb(34 34 34 / 8%);
}

@media (max-width: 40rem) {
  main {
    width: min(36rem, calc(100% - 2rem));
    margin: 3.5rem auto;
  }

  header {
    margin-bottom: 5rem;
  }

  article {
    margin-bottom: 5rem;
    padding-top: 2.5rem;
  }

  figure {
    margin-top: 2rem;
  }
}