/*
 * Careers (templates/pages/careers.php) — GDL-286.
 * Our people (with team photo placeholders), Work with us, and the Little Wild
 * Academy forest closing block. Team photos pending (GDL-288).
 * Enqueued only on this page, so plain selectors are page-scoped.
 */

/* Shared photo placeholder (mirrors about.css so the page is self-contained) */
.photo-placeholder {
  background: linear-gradient(160deg, var(--clr-sage-light), var(--clr-sage));
  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-placeholder .sprig svg {
  width: 96px;
  height: 40px;
  stroke: rgba(250, 247, 240, 0.85);
}

/* Team photos — a pair, side by side on every device (draft-2 decision 2) */
.careers-photos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
  max-width: 720px;
  margin: var(--space-block) auto;
}
.careers-photos .photo-placeholder { aspect-ratio: 4 / 5; }

.workplace-body { }

.section h3 { margin-top: var(--space-block); }

.approach-download { margin-top: var(--space-block); }

/* Academy body sits below the centred lead statement */
.careers-academy .approach-download { text-align: center; }

@media (max-width: 720px) {
  .careers-photos { gap: 1rem; }
}