/* ==========================================================================
   Blog-specific styles — Law Support Australia
   Linked only from blog pages to avoid affecting other site pages.
   ========================================================================== */


/* --- Blog post images --- */
/* Targets the standard blog image pattern:
   <div class="text-center my-6">
     <img class="rounded-md" src="..." alt="...">
   </div>
*/

.section .container .text-center img.rounded-md,
.section .container .my-6 img.rounded-md {
  max-width: 800px;
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
}


/* --- Blog listing page styles --- */

.blog-listing {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-listing-item {
  border-bottom: 1px solid #e8e8e8;
  padding: 2rem 0;
}

.blog-listing-item:first-child {
  padding-top: 0;
}

.blog-listing-item:last-child {
  border-bottom: none;
}

.blog-listing-item h3 {
  margin: 0 0 0.4rem 0;
  font-size: 1.35rem;
  line-height: 1.4;
}

.blog-listing-item h3 a {
  color: #191919;
  text-decoration: none;
}

.blog-listing-item h3 a:hover {
  color: #e04b28;
  text-decoration: none;
}

.blog-listing-date {
  font-size: 0.85rem;
  color: #888;
  margin-bottom: 0.5rem;
}

.blog-listing-excerpt {
  font-size: 0.95rem;
  color: #444;
  margin-bottom: 0.6rem;
  line-height: 1.6;
}

.blog-listing-item .read-more {
  font-size: 0.875rem;
  font-weight: 600;
  color: #e04b28;
  text-decoration: none;
}

.blog-listing-item .read-more:hover {
  color: #b33d1f;
  text-decoration: underline;
}