/* Two-column project cards with a thumbnail on top. */
.project-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: .6em 0 1.5em; }
.project-item { display: flex; flex-direction: column; gap: 12px; padding: 16px; border: 1px solid #dedede; border-radius: 8px; }
.project-item > div { min-width: 0; }
.project-thumb { height: 150px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 5px; }
.project-thumb img { width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0; box-shadow: 4px 4px 8px #888; }
.project-name { font-weight: 700; line-height: 1.5; margin-bottom: 4px; }
.project-name a { text-decoration: none; }
.project-role { display: block; font-weight: 400; color: #6b7177; font-size: .9em; }
.project-desc { line-height: 1.5; margin-bottom: 8px; }
.project-links { line-height: 1.6; }
.project-links .gh-stars-img { display: inline-block; height: 18px; width: auto; margin: 0 0 0 4px; vertical-align: -4px; }
@media (max-width: 800px) {
  .project-list { grid-template-columns: 1fr; }
  .project-thumb { height: 140px; }
}