/* Blog-specific styles extracted from inline CSS */

/* Essential blog styles restored */
.tag-badge-category {
  background-color: var(--badge-dark-color);
  color: var(--badge-category-text);
}

.tag-badge-subcategory {
  background-color: var(--badge-light-color);
  color: var(--badge-subcategory-text);
}

.tag-badge-count {
  background-color: var(--badge-dark-color);
  color: var(--badge-category-text);
}

/* Badge color variables */
:root {
  --badge-dark-color: var(--bg-accent);
  --badge-light-color: var(--bg-secondary);
  --badge-category-text: var(--text-color);
  --badge-subcategory-text: var(--text-muted);
}


/* YouTube embed styles */
.youtube-embed {
  margin: 2rem auto;
  max-width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: var(--shadow-lg);
}

.youtube-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
}

/* List styles */
.post-content ul, .post-content ol {
  padding-left: 2rem;
  margin-bottom: 1.5rem;
}

.post-content li {
  margin-bottom: 0.5rem;
  line-height: 1.7;
}

.post-content ul li {
  list-style-type: disc;
}

.post-content ol li {
  list-style-type: decimal;
}

/* Italic text styling */
.post-content em {
  color: var(--text-color);
  font-style: italic;
}