.dark-page .update-card .md {
    color: var(--Color__Neutral__500);
}

.dark-page .update-card .lg {
    color: var(--Color__Neutral__300);
}

.update-card img {
    border-radius: 6px;
    overflow: hidden;
}

.update-card {
    grid-column: span 4;
}

.update-card:nth-child(4n),
.update-card:nth-child(4n) a {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
}

.update-card:nth-child(4n) .image-container {
    grid-column: span 8;
}

.update-card:nth-child(4n) .content-container {
    grid-column: span 4;
}

.update-card:nth-child(8n) .content-container {
    order: -1;
}

/* || Featured Update Card */
.featured-update-card {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    margin: var(--spacing-5xl) 0;
}

.featured-update-card.rtl {
    direction: rtl;
}

.featured-update-card.rtl h3,
.featured-update-card.rtl p {
    direction: ltr;
}

.featured-update-card>a {
    grid-column: span 8;
    overflow: hidden;
}

.featured-update-card img,
.featured-update-card video {
    max-width: 100%;
    width: 100%;
}

.featured-update-card a {
    text-decoration: none;
    color: inherit;
}

.featured-update-card:hover a h3 {
    text-decoration: underline;
    text-decoration-color: white;
}

.featured-update-card>div {
    grid-column: span 4;
    text-align: left;
}

.featured-update-card.rtl .tag-container {
    justify-content: flex-end;
}

.featured-update-card-desc {
    margin: var(--spacing-md) 0 0;
}

.featured-update-card .tag-container {
    margin-top: var(--spacing-xl);
}

.updates-card .tag,
.featured-update-card .tag {
    background: var(--neutral-700, #4F4F4F);
}

.updates-card .tag,
.featured-update-card .tag {
    cursor: pointer;
}

.updates-card .tag p,
.featured-update-card .tag p {
    color: var(--interactive-text-secondary-inverse);
}

@media (max-width: 1024px) {

    /* || Weird behavior  */
    .featured-update-card.rtl .tag-container {
        justify-content: flex-start;
    }

    .featured-update-card.rtl {
        direction: ltr;
    }

    .featured-update-card {
        row-gap: var(--spacing-5xl);
    }
}