.post { max-width: 720px; margin-inline: auto; padding: 56px 0 88px; }
.post-head h1 { margin-top: 14px; }
.post-cover { margin: 40px 0 44px; }
.post-cover img { width: 100%; border-radius: 4px; }
.post-body { font-size: 17px; line-height: 1.75; }
.post-body > * + * { margin-top: 1.1em; }
.post-body h2 { font-size: clamp(26px, 2.6vw, 32px); margin-top: 2em; scroll-margin-top: 110px; }
.post-body h3 { margin-top: 1.6em; }
.post-body ul, .post-body ol { padding-left: 1.3em; }
.post-body li + li { margin-top: .45em; }
.post-body figure { margin-block: 2em; }
.post-body figure img { width: 100%; border-radius: 4px; }
@media (max-width: 650px) {
  .post { padding: 32px 0 56px; }
  .post-cover { margin: 28px 0 32px; }
  .post-body { font-size: 16px; }
}