.sebl-library {
    width: 100%;
}

.sebl-grid {
    display: grid;
    grid-template-columns: repeat(var(--sebl-columns, 3), minmax(0, 1fr));
    gap: 16px 12px;
    align-items: start;
}

.sebl-card {
    display: block;
    text-decoration: none;
    line-height: 0;
}

.sebl-cover {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    border: 0.6px solid #333;
    border-radius: 6px;
    box-sizing: border-box;
    background: #f3f3f3;
}

.sebl-placeholder {
    min-height: 120px;
}

@media (max-width: 480px) {
    .sebl-grid {
        gap: 12px 9px;
    }
}