.article-item .article-title {
    color: var(--text-primary-900);
    font-family: Montserrat;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0;
}

.article-item .article-time {
    color: var(--text-tertiary-600);
    font-family: Arial;
    font-size: 0.875rem;
    font-weight: 400;
    padding-top: 8px;
}

.article-item .article-link {
    color: var(--primary-dark-blue);
    font-weight: 700;
    text-decoration: none;
}

.article-item .article-link:hover {
    text-decoration: underline;
}

.article-item .article-cover {
    border-radius: var(--radius-2xl, 16px);
    background: lightgray 50% / contain no-repeat;
    overflow: hidden;
}

.article-item .image-container {
    max-width: 320px;
    height: 250px;
    /* color: transparent; */
}

.article-item .image-container img {
    object-fit: cover;
}

.article-item .image-container img.placeholder-img {
    object-fit: contain;
    padding: 10px;
}

.article-item a {
    text-decoration: none;
    color: var(--primary-dark-blue);
}

.article-item a:hover, 
.article-item a:focus-visible {
    text-decoration: underline;
}

.article-text {
    color: var(--text-tertiary-600);
    font-size: 1.125rem;
    font-weight: 400;
}

.article-text a {
    text-decoration: none;
    color: var(--primary-dark-blue);
}

.article-text a:hover, 
.article-text a:focus-visible {
    text-decoration: underline;
}

.article-text h1, .article-text h2, .article-text h3, .article-text h4 {
    color: var(--text-primary-900);
    font-weight: 600;
}

.article-text h1 { font-size: 2.5rem; }
.article-text h2 { font-size: 1.875rem; }
.article-text h3 { font-size: 1.5rem; }
.article-text h4 { font-size: 1.125rem; }

.article-share {
    border-top: 1px solid var(--Colors-Border-border-secondary, #EAECF0);
    padding-top: 20px;
}

.article-share span {
    color: var(--text-tertiary-600);
    font-weight: 700;
}

.article-share i {
    padding: 10px;
    border-radius: var(--radius-md, 8px);
    background: var(--primary-dark-blue);
    color: var(--light);    
    /* Shadows/shadow-xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}