/* 
 * Drop Cap Styling for Articles
 * Creates elegant newspaper-style drop caps for article paragraphs
 * Last updated: May 27, 2025
 */

/* Base drop cap styling for the first paragraph in post content - for both style 1 and 2 */
.post-content > p:first-of-type::first-letter {
  float: left;
  font-family: "Bree Serif", Georgia, serif;
  font-size: 5.5rem;
  font-weight: 800;
  line-height: 0.5;
  padding: 0.1em 0.1em 0 0;
  margin-right: 0.05em;
  color: var(--color-primary); /* Default color if no specific category */
}

/* Add subtle decorative elements to enhance the drop cap */
.post-content > p:first-of-type::after,
.post-content > p:first-of-type::after {
  content: "";
  display: block;
  clear: both;
}

/* Category-specific drop cap styling - moved to category-colors.css for centralized management */