html,body{
  font-family: sans-serif, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* Comments Section Styles */
.post-comments {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--border);
}

.comments-container {
  max-width: 100%;
  margin: 0 auto;
}

.comments-warning {
  padding: 1.5rem;
  background: var(--code-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  margin: 1rem 0;
}

.comments-warning p {
  margin: 0.5rem 0;
}

.comments-warning code {
  background: var(--hljs-bg);
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-size: 0.9em;
}

.comments-warning a {
  color: var(--theme);
  text-decoration: underline;
}

/* Giscus specific styles */
.giscus, .giscus-frame {
  width: 100%;
}

/* Utterances specific styles */
.utterances {
  max-width: 100%;
}

/* Disqus specific styles */
#disqus_thread {
  margin-top: 2rem;
}

/* Footer Links Styles */
.footer-links {
  margin-bottom: 1rem;
  font-size: 12px;
  color: var(--secondary);
  text-align: center;
}

.footer-links a {
  color: var(--secondary);
  text-decoration: none;
  border-bottom: 1px solid var(--secondary);
  transition: border-color 0.2s ease;
}

.footer-links a:hover {
  border-bottom-color: var(--primary);
  color: var(--primary);
}

.footer-links .separator {
  margin: 0 0.5rem;
  color: var(--tertiary);
}