@media (min-width: 768px) {
  /* Shrinks the column holding the date and author */
  .quarto-listing-default .quarto-post .metadata {
    flex-basis: 15%;
    max-width: 15%;
  }
  
  /* Expands the column holding the title and preview text */
  .quarto-listing-default .quarto-post .body {
    flex-basis: 85%;
    max-width: 85%;
  }
}
/* Changes the color of the blog post titles in the feed */
.quarto-listing-default .listing-title,
.quarto-listing-default .listing-title a {
  color: #5353ac;
  transition: color 0.2s ease-in-out; /* Makes hover effects smoother */
}

/* Optional: Adds a slightly darker shade when you hover over the title */
.quarto-listing-default .listing-title a:hover {
  color: #3b3b7a; 
}
/* Force extra spacing beneath the title */
.quarto-listing-default .quarto-post .body .listing-title {
  margin-bottom: .75rem !important;
}
/* Force preview paragraphs to flow together without line breaks */
.quarto-listing-default .quarto-post .body .listing-description p {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Adds a single space between the merged paragraphs so words don't glue together */
.quarto-listing-default .quarto-post .body .listing-description p:not(:last-child)::after {
  content: " ";
}
/* Change the background and border color of the active/current page box */
.pagination .page-item.active .page-link {
  background-color: #5353ac !important;
  border-color: #5353ac !important;
  color: #ffffff !important; /* Keeps the page number text white for high contrast */
}

/* Optional: Changes the subtle blue glow around the buttons when clicked */
.pagination .page-link:focus {
  box-shadow: 0 0 0 0.25rem rgba(83, 83, 172, 0.25) !important;
}

.hanging {
  padding-left: 2em;
  text-indent: -2em;
}

/* Rename the sidebar categories heading from "Categories" to "Topics" */
.quarto-listing-category-title {
  visibility: hidden;
  position: relative;
}
.quarto-listing-category-title::before {
  content: "Topics";
  visibility: visible;
  position: absolute;
  left: 0;
}