/* Blog-specific styles */
.blog-main {
  color: #1a1a1a;
}
.blog-main a {
  color: #0e5660;
}
.blog-header-section {
  margin-bottom: 3rem;
}
.blog-date {
  font-family: "DM Sans", sans-serif;
  font-size: 0.75rem;
  color: #222;
  margin-bottom: 1rem;
}
.blog-title {
  font-family: "Barlow", sans-serif;
  font-size: 2.8rem;
  font-weight: 400;
  margin-bottom: 2rem;
  line-height: 1.15;
}
.blog-author-img {
  width: 64px;
  height: 64px;
  border-radius: 4px;
  object-fit: cover;
  margin-right: 1rem;
}
.blog-author-name {
  font-family: "DM Sans", sans-serif;
  color: #222;
}
.blog-share-row {
  gap: 1rem;
}
.blog-share-label {
  font-weight: 600;
  font-family: "DM Sans", sans-serif;
}
.blog-share-row i {
  font-size: 1.2rem;
}
.blog-quote {
  border-left: 0.75rem solid #f5f5f5;
  padding: 0 1rem;
  font-size: 1.25rem;
}
.blog-intro-summary {
  font-size: 0.9rem;
}
.barlow {
  font-family: "Barlow", sans-serif;
}
.rasa {
  font-family: "Rasa", sans-serif;
}

.blog-comment-section {
  background: #f7f7f7;
  padding: 2.5rem 0;
}
.blog-comment-form {
  max-width: 95%;
  background: #f7f7f7;
  padding: 1rem 2rem;
  border-radius: 0.25rem;
}
.blog-comment-form .form-label {
  font-weight: 500;
}
.blog-comment-form .form-control {
  background: #fff;
  border: none;
  border-radius: 0;
}
.blog-comment-form textarea.form-control {
  min-height: 120px;
  resize: none;
}
.blog-comment-form .btn {
  background: #0a2c5a;
  color: #fff;
  font-weight: 600;
  font-size: 1.1rem;
  border-radius: 0;
}
@media (max-width: 767.98px) {
  .blog-comment-form {
    padding: 1.5rem 0.5rem;
  }
}