/* ------------------- H2 Headings (Content Only) ------------------- */
#content h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #2c1a5a;
  margin: 40px 0 20px;
  position: relative;
  display: inline-block;
  padding: 10px 18px;
  background: #d1c4e9;
  border-radius: 8px;
}

#content h2::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, #ffb74d, #5e35b1);
  border-radius: 2px;
  margin-top: 6px;
  transition: width 0.3s ease;
}

#content h2:hover::after {
  width: 100px;
}

/* ------------------- H3 Headings (Content Only) ------------------- */
#content h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #01579b;
  margin: 30px 0 15px;
  position: relative;
  padding: 8px 14px;
  background: #b3e5fc;
  border-radius: 6px;
}

#content h3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 100%;
  background: #ff7043;
  border-radius: 3px;
}

/* ------------------- H4 Headings (Content Only) ------------------- */
#content h4 {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #2e7d32;
  margin: 25px 0 12px;
  padding: 6px 10px;
  background: #a5d6a7;
  border-left: 3px solid #2e7d32;
  border-radius: 4px;
  transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

#content h4:hover {
  color: #1b5e20;
  border-color: #1b5e20;
  background: #81c784;
}

/* ------------------- Responsive ------------------- */
@media (max-width: 768px) {
  #content h2 {
    font-size: 24px;
    padding: 8px 14px;
  }

  #content h3 {
    font-size: 20px;
    padding: 6px 12px;
  }

  #content h4 {
    font-size: 16px;
    padding: 5px 8px;
  }
}

.site-info {
  display: none !important;
}