.cbz-archive { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

.cbz-archive-header { padding: 32px 0 24px; border-bottom: 1px solid #e5e7eb; margin-bottom: 32px; }
.cbz-back { font-size: 13px; color: #6b7280; text-decoration: none; display: inline-block; margin-bottom: 12px; }
.cbz-back:hover { color: #111827; }
.cbz-archive-header h1 { font-size: 28px; font-weight: 600; color: #111827; margin-bottom: 4px; }
.cbz-archive-count { font-size: 13px; color: #6b7280; }

.cbz-archive-body { display: grid; grid-template-columns: 1fr 420px; gap: 32px; align-items: start; }
@media (max-width: 900px) { .cbz-archive-body { grid-template-columns: 1fr; } }

/* Posts column */
.cbz-post-card { padding: 20px 0; border-bottom: 1px solid #f3f4f6; }
.cbz-post-card:last-child { border-bottom: none; }
.cbz-post-date { font-size: 12px; color: #9ca3af; margin-bottom: 4px; }
.cbz-post-title { font-size: 16px; font-weight: 600; margin-bottom: 8px; }
.cbz-post-title a { color: #111827; text-decoration: none; }
.cbz-post-title a:hover { color: #6366f1; }
.cbz-post-excerpt { font-size: 14px; color: #4b5563; line-height: 1.6; margin-bottom: 10px; }
.cbz-post-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.cbz-tag { font-size: 11px; padding: 2px 8px; border-radius: 4px; background: #f3f4f6; color: #6b7280; }

.cbz-no-posts { color: #9ca3af; font-size: 14px; padding: 40px 0; }
.cbz-pagination { padding: 32px 0; }

/* RAG column */
.cbz-rag-col { position: sticky; top: 32px; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; }
.cbz-rag-header { padding: 12px 16px; border-bottom: 1px solid #e5e7eb; font-size: 13px; font-weight: 500; color: #111827; display: flex; align-items: center; gap: 8px; background: #f9fafb; }
.cbz-rag-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; flex-shrink: 0; }
.cbz-rag-iframe { width: 100%; height: 700px; border: none; display: block; min-width: 0; }

/* Audio and video embeds */
.cbz-audio-embed { margin-bottom: 24px; border-radius: 8px; overflow: hidden; }
.cbz-video-embed { margin-bottom: 24px; border-radius: 8px; overflow: hidden; }
.cbz-video-embed iframe { display: block; width: 100%; border-radius: 8px; }
.cbz-audio-embed iframe { display: block; width: 100%; }