/* ==========================================================================
   Work (work.html) — page-specific layout
   Builds on css/styles.css (tokens, header, footer, buttons, cta-band,
   work-grid/work-card, page-intro already defined there). This file only
   adds the "full" variant used for the problem/built project cards.
   ========================================================================== */

.work-grid--full {
  margin-top: 0;
  padding-block-end: 4rem;
}
@media (min-width: 640px) {
  .work-grid--full { padding-block-end: 5rem; }
}
@media (min-width: 1024px) {
  .work-grid--full { grid-template-columns: repeat(3, 1fr); }
}

.work-card--full {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
}
.work-card--full .eyebrow { margin-top: 1.25rem; }
.work-card--full h2 {
  margin-top: 0.5rem;
  font-size: 1.25rem;
}
.work-card--full p.detail {
  margin-top: 1rem;
  font-size: 0.875rem;
  color: var(--muted-foreground);
}
.work-card--full .detail strong {
  font-weight: 500;
  color: var(--foreground);
}
.work-card--full .btn {
  margin-top: 1.5rem;
  align-self: flex-start;
}