.filterable-list-container{flex-direction:column;gap:2rem;width:100%;display:flex}.tags-filter-bar{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:.5rem;padding-bottom:1rem;display:flex}.tag-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.tag-btn:hover{background:#e5e7eb}.tag-btn.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.content-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.content-link-wrapper{color:inherit;text-decoration:none;display:block}.content-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;height:100%;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.content-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.content-header{margin-bottom:1rem}.content-title{color:#1f2937;margin:0 0 .5rem;font-size:1.5rem;font-weight:700;line-height:1.3}.content-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.badge-enter{color:#fff;background:#8b5cf6;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:700}.content-date{color:#6b7280;font-size:.85rem}.content-author{color:#6b7280;font-size:.8rem}.content-tags-preview{flex-wrap:wrap;gap:.5rem;display:flex}.tag-pill-small{color:#4b5563;background:#f3f4f6;border-radius:4px;padding:.2rem .6rem;font-size:.75rem}.content-excerpt{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:1rem}.content-excerpt p{color:#6b7280;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}@media (prefers-color-scheme:dark){.content-card{background:#1f2937;border-color:#374151}.content-title{color:#f3f4f6}.tags-filter-bar{border-color:#374151}.tag-btn{color:#d1d5db;background:#374151;border-color:#4b5563}.tag-btn.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.tag-pill-small{color:#d1d5db;background:#374151}.content-excerpt{border-color:#374151}.content-excerpt p{color:#9ca3af}}