/* Higgsfield job board — custom CSS for Ashby (Admin → Theme (Job Board) → Custom CSS)
   v4 2026-10-17, ALL postings. One change, on Ashby's documented stable classes:
   on desktop the existing "Apply for this Job" button is placed directly under the last row of the
   left info column (Department, or Compensation when shown). CSS anchor positioning follows the real
   height of that column on every posting; browsers without it get a sticky button in the left column.
   Mobile (<900px) is untouched. Remove this file to restore Ashby's default. */
@media (min-width: 900px) {
  @supports (anchor-name: --x) {
    .ashby-job-posting-left-pane > :last-child { anchor-name: --hf-info; }
    div:has(> .ashby-job-posting-left-pane) { position: relative; }
    .ashby-job-posting-description-container > a {
      position: absolute;
      position-anchor: --hf-info;
      top: calc(anchor(bottom) + 22px);
      left: anchor(left);
      width: anchor-size(width);
      display: block;
    }
    .ashby-job-posting-description-container > a button { width: 100%; }
  }
  @supports not (anchor-name: --x) {
    .ashby-job-posting-description-container > a {
      position: sticky;
      bottom: 28px;
      display: block;
      width: 300px;        /* left column width, measured 2026-10-17 */
      margin-left: -300px; /* pull into the left column */
      z-index: 5;
    }
    .ashby-job-posting-description-container > a button {
      width: 100%;
      box-shadow: 0 6px 20px rgba(0, 0, 0, .18);
    }
  }
}