/* .two-column-featured-posts-wrapper {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-s-5);
    flex-direction: column;
}

.two-column-featured-posts-wrapper > div {
    width: 100%;
} */

/* .featured-main-posts-wrapper ul {
    margin-bottom: 0 !important;
} */

.primary-posts-wrapper ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
    gap: var(--spacing-s-5);
    margin-bottom: var(--spacing-s-10);
}

.secondary-posts-wrapper ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
    width: auto;
}

.secondary-posts-wrapper ul li {
    border-radius: var(--Corner-Radius-m, 16px);
    background: var(--color-palette-tertiary-lightest-purple);
}

.secondary-posts-wrapper ul li a {
    display: flex;
    padding: var(--spacing-s-25) var(--spacing-s-3);
    align-items: flex-start;
    gap: var(--spacing-s-25);
    align-self: stretch;
    text-decoration: none;
}

.secondary-posts-wrapper ul li div.content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}

.secondary-posts-wrapper ul li div.content-wrapper p.title {
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.secondary-posts-wrapper ul li a:hover p.title {
    color: var(--color-palette-primary-purple);
}

.secondary-posts-wrapper ul li img.author-image {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--color-palette-tertiary-light-purple);
}

.secondary-posts-wrapper ul li h6.author-name {
    color: var(--text-colors-text-secondary);
    font-weight: 600;
}

/* @media (min-width: 768px) {
    // YOU ARE HERE... update the main posts.css, add css class for the block to remove redunddancy
} */