/* projects.css */
.filter-bar {
  display: flex; flex-wrap: wrap; gap: 0.6rem;
  margin-bottom: 2.5rem;
}
.filter-btn {
  padding: 0.4rem 1.2rem;
  background: transparent;
  border: 1px solid var(--green-border);
  color: var(--text-muted);
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.68rem; letter-spacing: 1px;
  cursor: pointer; transition: all 0.25s;
}
.filter-btn:hover, .filter-btn.active {
  border-color: var(--green); color: var(--green);
  background: var(--green-ghost);
}
.projects-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
}
.proj-meta-row {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 0.4rem;
}
.proj-year { font-size: 0.6rem; color: var(--text-dim); letter-spacing: 2px; }
.tag-live { border-color: rgba(0,229,255,0.3) !important; color: var(--cyan) !important; }
.tag-published { border-color: rgba(255,184,48,0.3) !important; color: var(--amber) !important; }
.add-note { padding: 1.5rem; border-left: 2px solid var(--green-border); }
.add-note .t-comment { font-size: 0.72rem; color: var(--text-dim); line-height: 2; }