/* =====================================================================
   /engineering（SES/受託開発）固有スタイル
   共通: page-header / feature-* / section-label / recruit-cta は他CSS
   ===================================================================== */

/* ---- リード / FEATURE は components.css に共通化。engineering は既定値のまま ---- */

/* ---- エンジニアを目指す方へ ---- */
/* 上余白は .deco-section が持つ（components.css）。ここは下だけ */
.eng-recruit { padding-bottom: 100px; }
.eng-recruit-lead {
  max-width: 900px;
  margin: 32px 0 56px;
  font-size: var(--fs-body);
  line-height: 2;
  color: var(--c-text-strong);
}
/* グリッド・画像・見出し・本文は components.css の「3カラムのカードグリッド」に共通化。
   このページだけが持つのは下のカード枠（白背景・影）と POINT バッジ。
   ※カード枠は現行サイトには無いWP独自の装飾。3つのグリッドを揃えるならここを外す判断になる。 */
.point-card {
  display: flex;
  flex-direction: column;
  padding: 24px;
  background: var(--c-bg);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
}
.point-no {
  align-self: flex-start;
  margin: 20px 0 0;
  padding: 4px 18px;
  background: var(--c-primary);
  color: var(--c-on-primary);
  border-radius: var(--radius-pill);
  font-family: "Inter", sans-serif;
  font-size: var(--fs-small);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.04em;
}

/* SPの縦余白は現行サイト実測の 50px 基調に合わせる */
@media (max-width: 839px) {
  .eng-recruit { padding-bottom: 50px; }
  .eng-recruit-lead { margin: 24px 0 28px; }
  .point-card { padding: 20px; }
}