section[ceots__sites="terms"] {
  background-color: #fff;
}
section[ceots__sites="terms"] .terms-of-service {
  max-width: 800px;
  margin: 0 auto;
}
section[ceots__sites="terms"] h1[ceots__sites="terms__title"] {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  color: #000;
  font-weight: 600;
  letter-spacing: -0.5px;
}
section[ceots__sites="terms"] p[ceots__sites="terms__updated"] {
  color: #c2c2c2;
  font-size: 0.9rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e0e0e0;
}
section[ceots__sites="terms"] .terms-content {
  line-height: 1.8;
  color: #333;
}
section[ceots__sites="terms"] .terms-content h2 {
  font-size: 1.5rem;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  color: #000;
  font-weight: 600;
  position: relative;
  padding-left: 1rem;
}
section[ceots__sites="terms"] .terms-content h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #96d4ee 0%, #a5daf0 100%);
  border-radius: 2px;
}
section[ceots__sites="terms"] .terms-content h3 {
  font-size: 1.2rem;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  color: #333;
  font-weight: 500;
}
section[ceots__sites="terms"] .terms-content p {
  margin-bottom: 1rem;
}
section[ceots__sites="terms"] .terms-content ul {
  margin-bottom: 1.5rem;
  padding-left: 2rem;
}
section[ceots__sites="terms"] .terms-content ul li {
  margin-bottom: 0.5rem;
  position: relative;
}
section[ceots__sites="terms"] .terms-content ul li::marker {
  color: #a5daf0;
}
section[ceots__sites="terms"] .terms-content .contact-info {
  background-color: #f5f5f5;
  padding: 2rem;
  border-radius: 8px;
  margin-top: 1.5rem;
  border-left: 2px solid #a5daf0;
}
section[ceots__sites="terms"] .terms-content .contact-info p {
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
section[ceots__sites="terms"] .terms-content .contact-info a {
  color: #2c5aa0;
  text-decoration: none;
  font-weight: 500;
}
section[ceots__sites="terms"] .terms-content .contact-info a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  section[ceots__sites="terms"] .terms-of-service {
    padding: 0 1rem;
  }
  section[ceots__sites="terms"] h1[ceots__sites="terms__title"] {
    font-size: 2rem;
  }
  section[ceots__sites="terms"] .terms-content h2 {
    font-size: 1.3rem;
  }
  section[ceots__sites="terms"] .terms-content h3 {
    font-size: 1.1rem;
  }
}