.latest-snippets {
     width: 100%;
     background-color: #fff;
     border: 1px solid #ddd;
     border-radius: 8px;
     padding: 16px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.latest-snippets .header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 16px;
}

.latest-snippets .header h3 {
     margin: 0;
     font-size: 16px;
     color: #333;
}

.latest-snippets .header a {
     font-size: 14px;
     color: #007bff;
     text-decoration: none;
}

.latest-snippets .header a:hover {
     text-decoration: underline;
}

.latest-snippets .snippet {
     display: flex;
     align-items: center;
     margin-bottom: 12px;
     border-bottom: 1px solid #f0f0f0;
     padding-bottom: 12px;
}

.latest-snippets .snippet:last-child {
     border-bottom: none;
     margin-bottom: 0;
     padding-bottom: 0;
}

.latest-snippets .snippet img {
     width: 40px;
     height: 40px;
     border-radius: 4px;
     margin-right: 12px;
     object-fit: cover;
     background-color: #f0f0f0;
}

.latest-snippets .snippet .details {
     flex: 1;
}

.latest-snippets .snippet .details a {
     font-size: 14px;
     color: #333;
     text-decoration: none;
     display: block;
     margin-bottom: 4px;
     font-weight: bold;
}

.latest-snippets .snippet .details a:hover {
     color: #007bff;
}

.latest-snippets .snippet .details .info {
     font-size: 12px;
     color: #666;
     display: flex;
     justify-content: space-between;
}