/* ==========================================================================
   Recruit page (/recruit/) — page-only rules on top of style.css §26.
   Enqueued from functions.php for page-recruit.php only.
   ========================================================================== */

/* Page head: second line in the accent, as in .sub-statement */
.recruit-hero__title .is-accent,
.recruit-accent { color: var(--accent); }

/* Openings sit directly under the hero's rule (the section is flush-top) */
.recruit-openings { margin-bottom: 0; }

/* Internship: fields line under the heading */
.recruit-fields {
  display: block;
  margin-top: var(--space-xs);
  font-size: var(--t-md);
  font-weight: 500;
  line-height: 1.5;
  color: var(--ink-muted);
}
.recruit-apply .sub-row__label { margin-bottom: var(--space-sm); }
.recruit-apply__btn { margin-top: var(--space-lg); }

/* Casual contact: closing band on the tint, before the dark footer */
.recruit-casual__title { font-size: clamp(1.75rem, 1rem + 2vw, 2.75rem); }
.recruit-casual__lead { margin-top: var(--space-md); max-width: 40em; }

@media (max-width: 760px) {
  .sub-cta__actions .btn { width: 100%; }
  .recruit-apply__btn { width: 100%; }
}