:root { --muted: #6b7280; }
.md-typeset h1 { margin-bottom: .4rem; }
.md-typeset .muted { color: var(--muted); }
.project-card {
  border: 1px solid #e5e7eb; border-radius: 12px; padding: 1rem; margin: .75rem 0;
}


/* Card styling */
.project-card {
  border: 2px solid #ccc;       /* border around the whole project */
  border-radius: 12px;
  padding: 1rem;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* Images inside cards */
.project-card img.project-img {
  width: 100%;
  border: 1px solid #bbb;       /* border around each image */
  border-radius: 6px;
  margin-top: 0.75rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);  /* subtle image shadow */
}