.featured-article-info {
    background-color: #ddd0bf;
}

.featured-badge,
.featured-badge-small {
    background-color: #793234;
    color: #ddd0bf;
}

.blog-card-content {
    background-color: #ddd0bf;
}

.blog-card-excerpt {
    color: #747474;
    text-align: justify;
}

.blog-card {
    position: relative;
    background-color: #ddd0bf;
}

.blog-card::before,
.blog-card::after {
    content: '';
    position: absolute;
    inset: 2px;
    border: 2px solid #793234;
    transition: transform 0.4s ease;
}

/* Top & bottom borders */
.blog-card::before {
    border-left: none;
    border-right: none;
    transform: scaleX(0);
}

/* Left & right borders */
.blog-card::after {
    border-top: none;
    border-bottom: none;
    transform: scaleY(0);
}

.blog-card:hover::before,
.blog-card:hover::after {
    transform: scale(1);
}

.pill-icon {
    margin-left: 4px;
}

.article-category:hover {
    color: white
}

.article-title {
    font-feature-settings: "ss01" 1;
}

.article-body {
    text-align: justify;
}

.article-body h2 {
    font-feature-settings: "ss01" 1;
}

.article-body p:empty,
.article-body p br {
    display: block;
    margin: 0;
    line-height: 1.6em; /* controls how tall each empty line appears */
}

.article-body p:empty {
    min-height: 1.6em;
}

.cta-button-main {
    border: 1px solid #ddd0bf;
    color: #ddd0bf;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.cta-button-main:hover {
    background-color: #ddd0bf;
    color: #793234;
}

pre code{
    color:#e83e8c
}

/* Article background image (optional, scrolls with content) */
.article-content-section.article-has-background {
    position: relative;
    isolation: isolate; /* keeps the pseudo-element behind only this section's content */
}

.article-content-section.article-has-background::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--article-bg-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.1;
    z-index: -1;
    pointer-events: none;
}

/* Ensure the content stays above the background */
.article-content-section.article-has-background .article-content-container {
    position: relative;
    z-index: 1;
}