.classy-quote {
  border-left: 5px solid var(--secondary-color);
  padding-left: 5px;
  font-size: 1.1em;
  font-weight: 300;
  font-style: italic;
  color: #444;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
 .post-content {
       max-width: 800px; /* A typical max-width for a blog post */
       margin: 0 auto;   /* Center the content area */
 }
/* --- Responsive & Styled Images for Blog Posts --- */

/* 
  Apply this to the container of your blog post content.
  You may need to adjust the selector (e.g., "main", "article", ".blog-post") 
  to match your site"s HTML structure.
*/
.post-content img {
  /* --- Core Responsiveness --- */
  max-width: 100%; /* Ensures the image never overflows its container */
  height: auto;    /* Maintains the image"s aspect ratio */

  /* --- Centering & Spacing --- */
  display: block;         /* Allows the use of margin: auto for centering */
  margin: 2em auto;       /* Adds space above/below and centers horizontally */

  /* --- Visual Polish (Optional but Recommended) --- */
  border-radius: 10px; /* Adds slightly rounded corners */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* A subtle shadow for depth */
}