/* ========================================
   INTERNAL GRINDING PAGE
   円筒研削ページと同一デザインシステムを共有し、
   内面研削固有のスタイルを追加
   ======================================== */

/* 共通研削ページスタイルを継承 */
@import url('page-page-cylindrical-grinding.css');

@layer pages {

/* ========================================
   IG-specific: ヒーロー画像の表示調整
   内面研削の仕上がり品写真は被写体が中央にあるため
   ======================================== */
.page-hero--ig .page-hero__media img {
  object-position: center 40%;
}

/* ========================================
   IG-specific: 材質カードに注釈バッジを追加
   S45C・SCM等の高頻度素材やメッキ後研削を強調
   ======================================== */
.cg-mat__note {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 8px;
  font-size: clamp(0.65rem, 0.85vw, 0.72rem);
  font-weight: 600;
  color: var(--color-secondary, #b91c1c);
  background: var(--color-secondary-soft, rgba(185, 28, 28, 0.10));
  border-radius: var(--radius-pill, 999px);
  line-height: 1.4;
}

.cg-mat--featured {
  border-color: var(--color-primary-light, #3b82f6);
  box-shadow: 0 2px 8px rgba(30, 64, 175, 0.08);
}

} /* end @layer pages */