@font-face {
    font-family: "Karla";
    src: url("/resource/Wren_assets/fontFamily/Karla/Karla-VariableFont_wght.ttf") format("TrueType");
}

.article-heading {
    color: #444444 !important; /* Ensure color remains dark gray */
    font-family: Montserrat !important;
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 40px !important;
    letter-spacing: -1px !important;
    margin-bottom: 16px !important;
}

.title-underline {
    border-bottom: 1px solid #cccccc; /* Use lighter grey for the line */
    margin-top: 8px;
    margin-bottom: 24px;
}

.article-detail-container {
    padding: 0 10px 32px !important;
}

.slds-rich-text-editor__output, .slds-rich-text-editor__output * {
    font-family: Karla !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: -0.5px !important;
    text-align: left !important;
    color: #444444 !important; /* Ensure text color remains dark gray */
}

/* Ensure bold text color and retain bold styling */
.slds-rich-text-editor__output b, .slds-rich-text-editor__output strong {
    color: #27ae60 !important;
    font-weight: bold !important;
}

/* Ensure links are green and underlined */
.slds-rich-text-editor__output a, .slds-rich-text-editor__output a *{
    color: #27ae60 !important;
    text-decoration: underline !important;
}



/* Tablet */
@media only screen and (min-width: 768px) {
    .article-detail-container {
        padding: 0 24px 32px !important;
    }
}

/* Desktop */
@media only screen and (min-width: 992px) {
    .article-detail-container {
        padding: 0 40px 32px !important;
        max-width: 1176px !important;
        margin: 0 auto !important;
    }
}