/* 13-bigco-benefits (CV-2981) — Careers "Big company benefits" peach card list.
   Additive, enqueued AFTER overrides.css. Scoped to the benefits card only.

   Root cause: the staging benefits list (UL.careers-benefits-list) used
   `grid-cols-2 gap-x-12 gap-y-0` with content-sized columns, so the grid
   shrink-wrapped and sat squished to the LEFT of the peach card instead of
   stretching to fill it. LI vertical rhythm (py-4 / gap-y-0) also diverged
   from production. Production uses two EQUAL columns that fill the card
   (1fr 1fr), 32px column gap, 20px row gap, and 24px bottom padding per LI.

   The check-mark icon is the SAME asset on both: a Unicode "✓" glyph in
   #003140 (prod via li::before, staging via a <span>). No SVG swap needed. */

/* Per-item vertical spacing to match prod (0 0 24px instead of 16px 0). */
.big-company-benefits__content .careers-benefits-list > li {
  padding-top: 0;
  padding-bottom: 24px;
}

@media (max-width:599px) {
    .big-company-benefits__content {
      align-self: stretch !important;
      background: #fff !important;
      border-radius: 30px;
      display: flex !important;
      gap: 24px !important;
      padding: 0 24px 24px 24px !important;
    }
    .careers-benefits-list li,
    .careers-benefits-list li span {
      font-size: 18px !important;
      line-height: 28px !important;
    }
    .careers-benefits-list {
      padding: 1.5rem;
      grid-template-columns: 1fr;
    }
  }