/* ============================================================
   PEERS ENGINEERING, LLC — Projects stylesheet (Rev 17)
   Loaded after styles.css. Uses the same tokens (--green, --line, etc.).
   ============================================================ */

/* ---------- Status chips ---------- */
.status {
  display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.12em;
  text-transform: uppercase; padding: 4px 9px; border-radius: 3px; white-space: nowrap;
  border: 1px solid var(--green);
}
.status.done { background: var(--green); color: #fff; }

/* ---------- Project profiles (reuses .sheet-index / .sheet-row) ---------- */
.proj-index .sheet-row { grid-template-columns: 1fr; scroll-margin-top: 150px; }
.proj-meta {
  margin-top: 6px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--muted);
  display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center;
}
.proj-index .sheet-body p { max-width: 74ch; }
.proj-role { margin-top: 10px; font-size: 13px; color: var(--muted); font-style: italic; }

/* ---------- Home: recent project cards ---------- */
.proj-card .proj-tag {
  display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--green); margin-bottom: 8px;
}
.proj-card .deliverables { margin-top: 14px; }
.proj-card .deliverables li { font-size: 12px; padding: 4px 9px; }
.more-link {
  display: inline-block; margin-top: 28px; font-weight: 700; text-decoration: none;
  color: var(--green-deep); border-bottom: 2px solid var(--green); padding-bottom: 2px;
}
.more-link:hover { color: var(--green); }

@media (max-width: 760px) {
  .proj-index .sheet-row { scroll-margin-top: 220px; }
}