.tabbed-widget { margin-bottom: 20px; }
.tab-nav { display: flex; border-bottom: 1px solid #eee; margin-bottom: 15px; }
.tab-btn { flex: 1; background: none; border: none; padding: 10px; cursor: pointer; transition: all 0.3s; font-size: 14px; }
.tab-btn.active { border-bottom: 2px solid #ff5e5e; color: #ff5e5e; font-weight: bold; }
.tab-btn:hover:not(.active) { color: #ff5e5e; }
.tab-pane { display: none; }
.tabbed-widget .tab-pane.active { display: block !important; }
.tab-posts-list, .tab-comments-list { list-style: none; padding: 0; margin: 0; }
.tab-post-item, .tab-comment-item { padding: 8px 0; border-bottom: 1px dashed #eee; }
.post-thumbnail img { width: 50px; height: 50px; object-fit: cover; }
.comment-avatar img { width: 40px; height: 40px; object-fit: cover; }
.tab-post-item:last-child, .tab-comment-item:last-child { border-bottom: none; }
.tab-post-link { display: flex; justify-content: space-between; align-items: center; }
.post-title { flex: 1; }
.post-meta { margin-left: 10px; color: #999; font-size: 12px; }
.comment-author { color: #666; font-weight: bold; margin-right: 5px; }
.comment-content { flex: 1; color: #666; }
@media (max-width: 768px) { .tab-nav { flex-wrap: wrap; } .tab-btn { flex-basis: 33.33%; } }