/* Membrane Template — All Feeds Page Styles */
@import url('./feed.css');

.post-feed-tag { margin-bottom: var(--spacing-sm); }
.feed-link { display: inline-block; background: rgba(139, 92, 246, 0.1); color: var(--accent-color); padding: 3px 10px; font-size: 11px; font-weight: 500; text-decoration: none; letter-spacing: 0.04em; text-transform: uppercase; border: 1px solid rgba(139, 92, 246, 0.2); transition: all 0.3s ease; }
.feed-link:hover { background: rgba(139, 92, 246, 0.2); box-shadow: var(--glow-sm); color: var(--accent-color); }

.post-count { font-size: 0.85em; color: var(--text-light-color); margin-left: 2px; }

.no-filtered-posts { text-align: center; padding: var(--spacing-3xl) var(--spacing-md); color: var(--muted-color); }
.no-filtered-posts h3 { font-weight: 400; font-size: 18px; margin-bottom: var(--spacing-sm); }

.external-link { color: var(--muted-color); text-decoration: none; font-size: 13px; transition: color 0.3s ease; }
.external-link:hover { color: var(--accent-color); }

@media (max-width: 768px) { .filter-group { flex-direction: column; align-items: flex-start; } }