/* What We Do list and initiative pages. Tokens live in base.css. One card per row at 390px. */

.wwd-intro { margin-bottom: var(--space-6); }
.wwd-section { margin: var(--space-7) 0; }

.program-cards, .event-cards {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--space-5);
}
@media (min-width: 768px) {
  .program-cards, .event-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* The card itself (surface, photo, title, date line) is in site.css. */
.program-card, .event-card { min-width: 0; }
.program-card__link, .event-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.program-card__text, .event-card__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-4) var(--space-5) var(--space-5);
}

.giving-back > p { max-width: var(--measure); }
.giving-grid {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--space-4);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}
@media (min-width: 768px) { .giving-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.giving-grid li {
  display: flex;
  align-items: center;
  min-height: 4rem;
  padding: var(--space-3);
  background: var(--color-surface);
  border: var(--border-width) solid var(--color-border);
  border-top: 3px solid var(--color-wood);
  border-radius: var(--radius-md);
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.giving-back__line { font-family: var(--font-heading); font-style: italic; font-size: var(--text-lg); }

.wwd-buttons { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-7); }
.wwd-back { margin-bottom: var(--space-4); }

.program-hero {
  width: 100%;
  aspect-ratio: 3 / 2;
  max-height: 32rem;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-5);
}
.program-body { margin-bottom: var(--space-6); }
.numbers-list { list-style: none; padding: 0; }
.numbers-list li { padding: var(--space-3) 0; border-bottom: var(--border-width) solid var(--color-border); }
.partner-names { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); list-style: none; padding: 0; }

/* Grant packets: an initiative page prints to one or two pages with its photos. */
@media print {
  .edit-link, .wwd-buttons, .wwd-back { display: none; }
  .program-hero { max-height: 12cm; border-radius: 0; }
  .program-card__link, .event-card__link { box-shadow: none; border: 1px solid #999; break-inside: avoid; }
  .event-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-card__title { color: #000; }
}