.preview-container {
    max-height: 400px;
    overflow-y: auto;
}

.preview-item {
    padding: 8px;
    margin-bottom: 8px;
    border: 1px solid var(--bs-border-color);
    border-radius: 4px;
}

.preview-text {
    padding: 8px;
    background: var(--bs-dark);
    border-radius: 4px;
    word-break: break-word;
}

.preview-context {
    font-size: 0.875rem;
    color: var(--bs-secondary);
}

.card {
    margin-bottom: 20px;
}

.table {
    margin-bottom: 0;
}

.badge {
    padding: 8px 12px;
}

code {
    background: var(--bs-dark);
    padding: 2px 4px;
    border-radius: 4px;
}