:where(.sif-paginated-ig-feed) {
    display: block;
}

:where(.sif-feed-grid) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 1rem;
    padding: 0;
   
    @media (max-width: 767px) {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    @media (max-width: 478px) {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

:where(.sif-feed-item) {
    display: block;
    margin: 0;

    :where(video), :where(img) {
        width: 100%;
        border-radius: 0.25rem;
        display: block;
        margin-bottom: 1.5rem;
        width: 100%;
        border-radius: 0.25rem;
        object-fit: cover;
        margin-bottom: 1.5rem;
        aspect-ratio: 9/16;
        
    }

    :where(p) {
        margin-bottom: 1rem;
        font-size: var(--font-18-16, 18px);
    }

    :where(.sif-cta-link) {
        font-size: var(--font-18-16, 18px);
        color: var(--text-active);
        text-decoration: underline;
        font-weight: 500;
        transition: color 150ms ease-out;

        &:hover {
            color: var(--accent)
        }
    }
}

:where(.sif-pagination) {
    margin-top: 2rem;
    margin-inline: auto;
    max-width: fit-content;
    font-size: var(--font-18-16, 18px);
    color: var(--text-active);

    :where(.current) {
        color: var(--accent);
    }
    :where(a):hover {
        text-decoration: underline;
    }
}