.gallery-item.social-card {
    --g1: #2a4e7c;
    --g2: #0b1d36;
    position: relative;
}
.social-card-preview {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: white;
    pointer-events: none;
}
.social-card-link {
    position: absolute;
    inset: 0;
    z-index: 3;
    border-radius: inherit;
}
.social-card-link:focus-visible {
    outline: 3px solid #f7ce46;
    outline-offset: -4px;
}
.social-card .cap {
    z-index: 2;
    pointer-events: none;
}
.social-card-action {
    display: block;
    margin-top: 6px;
    font-size: 12px;
}
.social-card-placeholder {
    display: grid;
    place-items: center;
    height: 100%;
    font-size: 48px;
    color: white;
}
@media (min-width: 481px) {
    .social-card:has(.social-card-preview) { flex-basis: 328px; }
}
@media (max-width: 480px) {
    .social-card:has(.social-card-preview) { flex-basis: min(328px, 85vw); }
}