body
{
  color: #000000; /* Pure Black */
  /* Optional: Ensure background is white for maximum contrast 
  background-color: #ffffff;
  */
}
/* Styling for the status colors */
.heading-attribute
{
  font-weight: bold;
}
.status-completed
{
  color: #28a745; font-weight: bold; /* Success Green */
}
.status-progress
{
  color: #ff9800; font-weight: bold;/* Warning/Amber (Not Red) */
}
.lesson-prefix
{
  color: #666; font-size: 0.9em;
}
    
hr.rounded
{
  border: 2px solid #bbb;
  border-radius: 3px;
}
/*
.blockquote
{
  font-style: italic;
  font-size: medium;
}
*/
.nav-link.active
{
  color:white !important;
  font-weight: bold;
}

.dropdown-item:active,
.dropdown-item.active
{
  color:#00577F;
  background-color:#7DECFF;
  font-weight: bold;
}

.navbar-brand
{
  font-size: 1.1rem;
}
.MEPCarousel
{
  min-width:200px;
  max-width:400px;
  margin: 0 auto;
}

blockquote p
{
  margin-top: 0;
  margin-bottom: 0.7rem; /* Space between paragraphs in a long quote */
}
/*
blockquote p:first-child
{
  margin-bottom: 10px; 
}
*/
/* Fixes the "squished" look before H2 for single-paragraph quotes */
blockquote p:last-child
{
  margin-bottom: 0;
}

/* This will catch those tags you just saw in the View Source */
blockquote
{
  border-left: 5px solid #7DECFF; /* Adds a professional vertical line */
  padding: 1rem 2rem;
  margin: 1.5rem 0;
  background-color: #FFFFFF;      /* Gives it a subtle highlight */
  /* font-style: italic;*/
  font-size: medium;
}

/* This targets the reference paragraph specifically if you want it smaller */
blockquote p:last-child
{
  font-style: normal;
  margin-top: 1rem;
  margin-bottom: 0;
  text-align: left; /* Optional: aligns 'Matthew' to the right */
}

/* --- 2. THE LAMENT OVERRIDE --- */
/* If the quote is wrapped in italics, remove the "Clinical" styling */
blockquote:has(em)
{
  border-left: none;
  background-color: transparent;
  /* The Key Fix: Remove the browser's default 40px left margin */
  margin-left: 0;
  margin-right: 0;
  
  padding: 0 6rem; /* Indent both sides for the character's voice */
}

/* Make the italicized text look like a soft reflection */
blockquote em
{
  display: block;
  font-style: italic;
  text-align: justify;       /* Justifies the text on both left and right */
  color: #333;
  line-height: 1.5;
}

/* Add vertical spacing after every table */
table
{
  margin-bottom: 2rem; /* Adjust this value to get the gap you want */
  border-collapse: collapse;
  width: 100%;
}

/* Ensure the heading following a table has clear separation */
table + h2, table + h3, table + p
{
  margin-top: 1.5rem;
}