html {
  scroll-padding-top: 118px;
  scroll-behavior: smooth;
}
@media (max-width: 735px) {
  html {
    scroll-padding-top: 108px;
  }
}

.post-page {
  margin-top: 98px;
}
@media (max-width: 735px) {
  .post-page {
    margin-top: 88px;
  }
}

.post__block {
  padding-top: 48px;
  padding-bottom: 120px;
}
@media (max-width: 735px) {
  .post__block {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.post__thumb {
  border-radius: 20px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #000;
}
.post__thumb img {
  display: block;
  object-fit: cover;
  width: 100%;
}
.post__inner {
  width: 90%;
  margin: 0 auto;
  max-width: 960px;
}
.post__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 88px;
}
@media (max-width: 735px) {
  .post__wrapper {
    row-gap: 34px;
  }
}
.post__content {
  display: flex;
  flex-direction: column;
  row-gap: 80px;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}
@media (max-width: 735px) {
  .post__content {
    row-gap: 70px;
  }
}
.post__heading {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 735px) {
  .post__heading {
    row-gap: 16px;
  }
}
.post__date {
  font-size: 10px;
  color: #888888;
}
.post__title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 5.4px;
}
@media (max-width: 735px) {
  .post__title {
    font-size: 22px;
    letter-spacing: 3.3px;
  }
}
.post__editor {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.post__relation-posts {
  padding-top: 60px;
  padding-bottom: 80px;
  background-color: #000;
}

/*# sourceMappingURL=single.css.map */