/* Blog styles – merge into your main stylesheet and adjust to the site's palette */

.blog-card {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    transition: box-shadow .2s ease, transform .2s ease;
}
.blog-card:hover {
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .08);
    transform: translateY(-2px);
}
.blog-card-link {
    color: inherit;
    text-decoration: none;
}
.blog-card-date,
.blog-post-date {
    font-size: .85rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    opacity: .7;
}
.blog-card-subtitle {
    font-style: italic;
}
.blog-card-more {
    font-weight: 600;
}

.blog-post-body img {
    max-width: 100%;
    height: auto;
}

/* "More from the blog" carousel: leave room for the arrows */
.blog-more {
    background: rgba(0, 0, 0, .03);
}
.blog-more .carousel-inner {
    padding: 0 3rem;
}
.blog-more .carousel-control-prev,
.blog-more .carousel-control-next {
    width: 3rem;
    filter: invert(1); /* dark arrows on a light background */
}
.blog-more .carousel-indicators [data-bs-target] {
    background-color: #333;
}