@charset "UTF-8";
/* blog detail */
.blog-area{
   width: min(1080px, 88%);
}

.post-meta {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-bottom: 42px;
}

.category {
  display: inline-block;
  padding: 7px 22px;
  border-radius: 999px;
  background: linear-gradient(180deg, #789438, #587820);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.post-meta time {
  font-size: 17px;
  color: #3b2b26;
}

.blog-detail h1 {
  margin: 0 0 56px;
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .16em;
}

.main-image {
  margin: 0 0 60px;
  border-radius: 20px;
  overflow: hidden;
}

.main-image img {
  width: 100%;
  aspect-ratio: 16 / 8.2;
  object-fit: cover;
}

.post-content {
  font-size: 17px;
}

.post-content p {
  margin: 0 0 48px;
}

.post-content hr {
  border: none;
  border-top: 2px dotted #eadccd;
  margin: 58px 0 70px;
}

/* responsive */
@media (max-width: 900px) {

  .blog-detail {
    width: 88%;
    margin: 48px auto 100px;
  }

  .back-btn {
    min-width: 210px;
    height: 50px;
    margin-bottom: 52px;
    font-size: 14px;
  }

  .post-meta {
    gap: 18px;
    margin-bottom: 30px;
  }

  .blog-detail h1 {
    margin-bottom: 36px;
    font-size: 28px;
  }

  .main-image {
    margin-bottom: 42px;
    border-radius: 16px;
  }

  .main-image img {
    aspect-ratio: 4 / 3;
  }

  .post-content {
    font-size: 15px;
  }

  .post-content hr {
    margin: 42px 0 50px;
  }
}