.dg-3d5df0c8-wrapper { padding: 20px; background: #0b0e11; color: #fff; }
.dg-3d5df0c8-title { color: #00ff88; margin-bottom: 24px; font-size: 1.6rem; font-weight: 700; }

.dg-3d5df0c8-grid { display: grid; gap: 20px; }
.dg-3d5df0c8-cols-1 { grid-template-columns: 1fr; }
.dg-3d5df0c8-cols-2 { grid-template-columns: repeat(2, 1fr); }
.dg-3d5df0c8-cols-3 { grid-template-columns: repeat(3, 1fr); }
.dg-3d5df0c8-cols-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1024px) {
  .dg-3d5df0c8-cols-3, .dg-3d5df0c8-cols-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .dg-3d5df0c8-cols-2, .dg-3d5df0c8-cols-3, .dg-3d5df0c8-cols-4 { grid-template-columns: 1fr; }
}

.dg-3d5df0c8-card { background: #181a20; padding: 20px; border-radius: 8px; border: 1px solid #2b3139; transition: border-color 0.3s ease, transform 0.2s ease; }
.dg-3d5df0c8-card:hover { border-color: #f7931a; transform: translateY(-3px); }

.dg-3d5df0c8-img { margin-bottom: 14px; overflow: hidden; border-radius: 6px; }
.dg-3d5df0c8-img img { width: 100%; height: 180px; object-fit: cover; display: block; transition: transform 0.3s ease; }
.dg-3d5df0c8-card:hover .dg-3d5df0c8-img img { transform: scale(1.04); }
.dg-3d5df0c8-img-placeholder { width: 100%; height: 180px; background: #2b3139; border-radius: 6px; margin-bottom: 14px; }

.dg-3d5df0c8-category { display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #f7931a; background-color: rgba(247,147,26,0.12); border: 1px solid rgba(247,147,26,0.4); border-radius: 4px; padding: 3px 10px; margin-bottom: 10px; }

.dg-3d5df0c8-post-title { margin: 0 0 10px 0; font-size: 1.05rem; line-height: 1.4; }
.dg-3d5df0c8-post-title a { color: #fff; text-decoration: none; transition: color 0.3s ease; }
.dg-3d5df0c8-post-title a:hover { color: #f7931a; }

.dg-3d5df0c8-excerpt { font-size: 0.88rem; color: #a0a5aa; line-height: 1.6; margin: 0; }
.dg-3d5df0c8-no-posts { color: #a0a5aa; }