/* Recruit: ページ専用の配色・レイアウトは必要に応じて追記 */
.page-recruit .header{ display:none !important; } /* 専用ヘッダーを別で使う前提 */

/* 募集カード */
.page-recruit .job-card{
  background:#f6f4ee; border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:16px;
  transition:.2s ease; position:relative;
}
.page-recruit .job-card:hover{ transform:translateY(-2px); box-shadow:0 12px 24px rgba(0,0,0,.08); }

/* 募集停止の表示 */
.page-recruit .job-card.is-closed{ filter:grayscale(1); opacity:.75; }
.page-recruit .job-card.is-closed::after{
  content:"募集停止中"; position:absolute; left:-36px; top:12px; padding:6px 44px; transform:rotate(-12deg);
  background:#b1b1b1; color:#111; font-weight:800; letter-spacing:.08em; border:1px solid rgba(0,0,0,.1);
}

/* ボタンを落ち着いた灰に */
.page-recruit .btn-pill,
.page-recruit .btn-outline{
  background:#ddd !important; color:#333 !important; border-color:#ddd !important;
}
.page-recruit .btn-pill:hover,
.page-recruit .btn-outline:hover{
  filter:brightness(.96);
}