/* ============================================================
   OUTSKIRT — /recruitment/ (page 365) mobile-first redesign.
   Marketing sections become the v2 card language: requirement
   cards in a swipe strip, steps as a compact timeline. The
   Forminator form + clan picker are untouched (already mobile-
   friendly). Desktop (≥768px) keeps the original layout.
   ============================================================ */

@media (max-width: 767px) {

  /* ---------- global rhythm ---------- */
  body.page-id-365 .content-section-spacing {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
  body.page-id-365 .content-section h2,
  body.page-id-365 #steps h2 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  body.page-id-365 .header-wrapper h1 {
    font-size: clamp(28px, 10.5vw, 42px);
    line-height: 1.12;
    word-break: keep-all;
    overflow-wrap: normal;
  }
  body.page-id-365 p:empty { display: none; }

  /* The four static cards and their swipe strip were replaced on 2026-09-02
     by [outskirt_recruit_clans] (see includes/coc-recruit.php + assets/recruit.css).
     The swipe hint went with them — the clan selector is the control now. */

  /* The Steps timeline moved to assets/recruit.css on 2026-09-02 so one
     stylesheet owns the rail; the two implementations were overriding
     each other by load order. */
}