/* Minimal tweaks for projects area. The main site styles already define `.spread`, `.poster`, `.proj-*` etc. */
.proj-status{font-family:var(--f-mono);font-size:13px;color:var(--paper-faint);margin-bottom:12px}
.proj-list{display:flex;flex-direction:column;gap:36px}
.projects-controls{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.projects-controls .btn{border:1px solid var(--rule-strong);padding:8px 12px;border-radius:2px;font-family:var(--f-mono)}
.poster img{width:100%;height:100%;object-fit:cover}

/* Grid layout */
.projects-grid-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.project-card{background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);border:1px solid var(--rule);padding:12px;border-radius:6px;display:flex;flex-direction:column;gap:12px}
.project-card .card-media{display:block;height:140px;overflow:hidden;border-radius:4px}
.project-card img{width:100%;height:100%;object-fit:cover;display:block}
.project-card .card-body{display:flex;flex-direction:column;gap:8px}
.project-card .proj-name{font-weight:600;font-size:16px}
.project-card .proj-desc{color:var(--paper-dim);font-size:13px}
.project-card .proj-meta{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:12px;color:var(--paper-faint)}
.project-card .proj-links a{margin-right:12px;border-bottom:1px solid var(--rule-strong);padding-bottom:2px}