/* /recruit/interviews 先輩スタッフの声（templates/recruit/interviews-index.mjs）。詳細ページ（interview.mjs）もカード格子と RECRUIT INFO のためにこのファイルを読む
   実測: docs/design-recruit.md §3-7 §3-8、capture/recruit-preview/interviews/slices/{pc1280,fold344,open841}-*.png、capture/compare/recruit__interviews/slices/*（2026-09-18 見比べ）
   ブレークポイント: 〜599 / 600〜767 / 768〜1079（展開した折りたたみ＝独立した帯）/ 1080〜
   規約: 100vh 禁止・center+overflow-x 併用禁止・body overflow-x:hidden 禁止・タップ標的 44px・ch 単位禁止・色はトークンのみ */

/* ---------- 容器: 参照（STUDIO）は 1280 を左右 80 の内側に置く（1920 で 320〜1600、1440 で 80〜1360）。tokens の 1200 を main の中だけ上書き ---------- */
@media (min-width: 1080px) {
  .page-recruit-interviews .main { --container: 1280px; }   /* 詳細ページ（interview.css）は触らない */
  .page-recruit-interviews .page-head { padding-top: 111px; padding-bottom: 80px; }   /* 参照 1920/1440: ヘッダー下端→ラベル 93、見出し→カード 113 */
}
@media (min-width: 1280px) { .page-recruit-interviews .main { --gutter: 80px; } }
/* カードの格子だけは現行どおり 1121〜 で左右 80（現行は 1121 からデスクトップの形。1200 でカード 327.1。2026-09-29 照合）。1080〜1120 は 3 列のまま左右 40 */
@media (min-width: 1121px) { .page-recruit-interviews .ivl { --gutter: 80px; } }

/* ---------- 一覧の格子 ---------- */
/* 〜599: 1 列（344 の実物どおり。カード内余白 32/32/40、写真は全幅 3:4、カード間 32） */
.ivl { padding-block: clamp(16px, 3vw, 40px) var(--section-y); }
.ivl-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; }
.ivl-grid .iv-card { padding: 32px 32px 40px; gap: 24px; }
/* 写真は全幅で 3:4（実測: PC 270×360、344 で 216×280、841 で 326×434 → すべて 3:4） */
.ivl-grid .iv-photo img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--r-m); }
.ivl-grid .iv-quote { font-size: 18px; line-height: 1.75; }
.ivl-grid .iv-name { font-size: 20px; margin-top: 12px; }
.ivl-grid .iv-meta { font-size: 13px; margin-top: 4px; }
/* ホバーは hover.css（現行どおり縁の色だけ。引用文の色は変えない。2026-09-29 に引用文の色変化を撤去） */
/* 本人（詳細ページの OTHER STAFF）: 現行は 6 枚とも白なので色は付けない（aria-current だけ残す。2026-09-25 現行照合で旧ピーチ地を撤去） */

/* 600〜767: 2 列（横広スマホ・展開の狭い側 673 で 1 列 560px の写真は縦に長すぎる） */
@media (min-width: 600px) {
  .ivl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .ivl-grid .iv-card { padding: 24px 24px 32px; gap: 20px; }
}
/* 768〜1079: 2 列のまま（841 のプレビューは 1 列で右半分が空く崩れ → ここで直す）。余白は 841 の実物（カード内 40/40/48、写真 3:4） */
@media (min-width: 768px) and (max-width: 1079px) {
  .ivl-grid { gap: 24px; }
  .ivl-grid .iv-card { padding: 32px 32px 40px; gap: 24px; }
  .ivl-grid .iv-quote { font-size: 20px; }
  .ivl-grid .iv-name { font-size: 22px; }
}
/* 1080〜: 3 列 × 2 段。現行プレビューの実測（2026-09-29、1920/1440/1280。一覧と詳細のスタッフの声一覧は同じ）に合わせる。
   2026-09-29 ユーザー指示「先輩スタッフの声のフォーマットは現状のやつ」で、9/25 の Figma 化（氏名と所属が 1 行目・一言は黒 16px・写真 327:350）から戻した。
   格子: カード幅は容器の 33% − 16.08px（1280 で 406.3・1120 で 353.5）、間 24、左詰め（右に 1% 余る）。行の高さに引き伸ばさない（一言が 3 行のカードだけ長い）。
   カード: 白・角丸 16・縁 2px（地色＝見えない。ホバーでオレンジ＝hover.css）・余白 40（縁込み 42）。
   写真は全幅 3:4・角丸 16 → 24 → 一言 22px/1.7 字間 6% オレンジ → 24 → 氏名 22px/1.4 → 8 → 所属 15px/1.7 #271200（書体は丸ゴシック） */
@media (min-width: 1080px) {
  .ivl { padding-top: 0; }
  .ivl-grid { grid-template-columns: repeat(3, calc(33% - 16.08px)); justify-content: start; align-items: start; gap: 24px; max-width: none; margin-inline: auto; }
  .ivl-grid .iv-card { padding: 42px; gap: 24px; align-content: start; border-radius: 16px; box-shadow: inset 0 0 0 2px var(--c-cream); }
  .ivl-grid .iv-photo img { border-radius: 16px; }
  .ivl-grid .iv-body { display: block; }
  .ivl-grid .iv-quote { font-size: 22px; line-height: 1.7; letter-spacing: 0.06em; color: var(--c-orange); }
  .ivl-grid .iv-name { margin-top: 24px; font-size: 22px; line-height: 1.4; letter-spacing: 0.06em; color: var(--c-ink-deep); }
  .ivl-grid .iv-meta { margin-top: 8px; font-size: 15px; line-height: 1.7; letter-spacing: 0.06em; color: var(--c-ink-deep); text-wrap: balance; }
  .ivl-grid .iv-meta > span { white-space: nowrap; }   /* 1080〜1105 の 3 列で 1 行に入らないときは区切り（／・）の後ろで折る（句の span は components.mjs） */
}

/* ---------- RECRUIT INFO（グラデ面・上辺が楕円に膨らむ）＋ CTA 帯 ---------- */
/* 面: 黄 → ピーチ → クリームの縦グラデ（背景素材 76012300 の置換）。上辺は楕円。padding は内容高さ（100vh 禁止）
   実測: 楕円の頂点→ラベル 125（344・841）/ 198（PC）。ENTRY 帯→フッターの歯 80〜88（全幅）。
   フッター側に margin-top: var(--section-y) があるので、ここは下余白 0 ＋ 負のマージンで「ENTRY の下 80px」に揃える（344 では section-y=80 なので 0） */
:is(.page-recruit-interviews, .page-recruit-interview) .rinfo { position: relative; margin-top: var(--section-y-s); margin-bottom: calc(80px - var(--section-y)); padding: 120px 0 0; background: var(--g-page-top-recruit); border-radius: 50% 50% 0 0 / clamp(40px, 8vw, 120px); }
:is(.page-recruit-interviews, .page-recruit-interview) .rinfo-grid { display: grid; gap: 24px; }
:is(.page-recruit-interviews, .page-recruit-interview) .rinfo-head { margin-bottom: 0; }
:is(.page-recruit-interviews, .page-recruit-interview) .rinfo-links { display: grid; gap: 16px; }
:is(.page-recruit-interviews, .page-recruit-interview) .rinfo-ctas { display: grid; gap: 16px; margin-top: 80px; }
:is(.page-recruit-interviews, .page-recruit-interview) .rinfo-band .cta-title { font-size: clamp(20px, 1.25rem + 0.8vw, 32px); }
.cta-entry .cta-text { flex-direction: column; align-items: flex-start; gap: 4px; }
/* 〜599: 見出しは左寄せ（344 の実物どおり。中央ではない）、リンクカード 1 列、写真帯 2 枚（高さ 160）＋ ENTRY 帯 200 を縦積み、ENTRY 48px */
@media (max-width: 599px) {
  .cta-entry { min-height: 200px; }
  .cta-entry .cta-text { gap: 7px; }   /* ENTRY の字下→エントリーの字頭 23（参照） */
  .cta-entry .cta-en { font-size: 47px; white-space: nowrap; }   /* 参照: ENTRY の字高 34・x66〜220（48px だと 344 で「ENTR / Y」に折れる） */
  .cta-entry .cta-title { font-size: 16px; }
}
/* 600〜767: CTA の写真帯 2 枚を横並び（ENTRY は全幅） */
@media (min-width: 600px) {
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-ctas { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .cta-entry { grid-column: 1 / -1; }
}
/* 768〜1079: 見出しを上・カードを下の 1 列を幅 560 で中央に（841 の実物: 141〜700）。CTA 帯は全幅 2 列 */
@media (min-width: 768px) and (max-width: 1079px) {
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-grid { gap: 32px; max-width: 560px; margin-inline: auto; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-ctas { gap: 24px; }
}
/* 1080〜: 左に見出し 240 ＋ 右に白カード（1200 のうち右 560〜1120）。CTA は 2 列（帯 224 高・左右 80）＋ ENTRY 帯 320 高 */
@media (min-width: 1080px) {
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo { padding-top: 185px; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-grid { grid-template-columns: minmax(200px, 1fr) minmax(0, 560px); gap: 40px; align-items: start; padding-inline: min(165px, 12.9%) min(160px, 12.5%); }   /* 参照 1920（容器 1280）: 見出し x=485（+165）、カード 880〜1440（幅 560・右 160 内寄せ）。1280 の参照は +86 / 右 80 */
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-band { min-height: 224px; }
  .cta-entry .cta-smile { width: 250px; left: 150px; top: 36px; }   /* 参照 1920: 帯の左 150・上 37 に 250 幅 */
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-links { gap: 12px; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-ctas { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 160px; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-band { padding-inline: 80px; }   /* 実測: 文字 x=122（帯 40 起点）・丸矢印の右余白 80 */
  .cta-entry { min-height: 320px; padding: 48px 80px; }
  .cta-entry .cta-text { flex-direction: row; align-items: baseline; gap: 32px; }
  .cta-entry .cta-title { font-size: 24px; }
}

/* ======================================================================
   SP（〜767）の細部を参照 440/393/344 の実測に合わせる（capture/sp-compare/recruit__interviews*、2026-09-24）
   768〜 は上の値のまま（ここは max-width の中だけ）
   ====================================================================== */
@media (max-width: 767px) {
  /* 見出し: ラベル字高 12（16px/0.2em、幅 INTERVIEWS 125）・H1 32px（字高 30・字送り 34）。ヘッダー下端→ラベル字頭 57、ラベル字頭→H1 字頭 50。
     344 では「先輩スタッフの / 声」と 7＋1 字で折れる（H1 の行幅 W−80・balance しない） */
  .page-recruit-interviews .page-head { padding: 50px 0 32px; }
  .page-recruit-interviews .page-head .container { width: calc(100% - 80px); }
  .page-recruit-interviews .page-head .sec-head { gap: 15px; }
  .page-recruit-interviews .page-head .sec-label { font-size: 16px; letter-spacing: 0.2em; text-indent: 0.2em; }
  .page-recruit-interviews .page-head h1.sec-title { font-size: 32px; text-wrap: wrap; }
  .page-recruit-interviews .ivl { padding-top: 10px; }   /* H1 の行の下端→最初のカード 42（page-head 下 32 ＋ 10） */
  .page-recruit-interviews .ivl { padding-bottom: 76px; }   /* 最後のカード→RECRUIT INFO の弧の頂 124〜127（参照 344/440。80＋48 だと 130） */

  /* 一覧・OTHER STAFF・RECRUIT INFO の容器は左右 32（参照: カードの外枠 32〜W−33 が 3 幅とも同じ） */
  :is(.page-recruit-interviews, .page-recruit-interview) :is(.ivl, .ivd-others, .rinfo) > .container { width: calc(100% - 64px); }

  /* カード: 外枠 2px のクリーム縁（グラデの上で見える縁）＋白地、内余白 32/32/32。カード間 24（白→白 28）。
     実測 440: 白 34〜405・写真 66〜373（308×410）、写真→引用 33、引用→氏名 38、氏名→所属 27、所属→下端 37 */
  .ivl-grid { gap: 24px; }
  .ivl-grid .iv-card { border: 2px solid var(--c-cream); padding: 32px 32px 32px; }
  .ivl-grid .iv-quote { line-height: 31px; }   /* 引用 2 行の字送り 31（参照 440: 2060→2091） */
  .ivl-grid .iv-name { font-size: 18px; margin-top: 23px; }
  .ivl-grid .iv-meta { margin-top: 4px; color: var(--c-ink-deep); }   /* 氏名の字頭→所属の字頭 27・所属は #271200（参照 440。#574D45 ではない） */

  /* RECRUIT INFO: 上辺は半径 ≒1.82W の円弧（端で 0.069W 下がる。440: 30 / 393: 26 / 344: 23）。楕円の border-radius では肩が立つので mask で切る */
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo {
    border-radius: 0; padding-top: 116px; padding-bottom: 50px;   /* 下 50: ENTRY 帯の下端→フッターの口の上端 81（参照 3 幅。.ft-recruit の margin-top 30 と足す） */
    /* グラデは面の上 0.96W で地のクリームに戻る（参照: 頂→ 0.4W でピーチ最濃 (255,221,192)、0.96W でクリーム。バンドの背後はクリーム） */
    background: linear-gradient(180deg, var(--c-hero-yellow) 12vw, var(--c-hero-peach) 40vw, var(--c-cream) 96vw);
    -webkit-mask: radial-gradient(circle 182vw at 50% 182vw, #000 calc(182vw - 0.6px), transparent 182vw) top / 100% 12vw no-repeat, linear-gradient(#000 0 0) 0 calc(12vw - 1px) / 100% 100% no-repeat;
            mask: radial-gradient(circle 182vw at 50% 182vw, #000 calc(182vw - 0.6px), transparent 182vw) top / 100% 12vw no-repeat, linear-gradient(#000 0 0) 0 calc(12vw - 1px) / 100% 100% no-repeat;
  }
  /* 見出し: ラベル 16px/0.2em（RECRUIT INFO 幅 146）、H2 24px（字高 23・幅 98）。頂→ラベル字頭 122、ラベル→H2 字頭 46、H2 字下→カード 48 */
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-head { gap: 15px; }
  :is(.page-recruit-interviews, .page-recruit-interview) :is(.rinfo-head, .ivd-others .sec-head) .sec-label { font-size: 16px; letter-spacing: 0.2em; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-head .sec-label { padding-left: 5px; }   /* RECRUIT INFO の字頭 x39（参照 440/393/344。新実装は 34） */
  :is(.page-recruit-interviews, .page-recruit-interview) :is(.rinfo-head, .ivd-others .sec-head) .sec-title { font-size: 24px; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-grid { gap: 41px; }
  /* 白いリンクカード: 外枠 118（2px のクリーム縁込み）・間 10・文字 16px は左 34、丸矢印 24（山形 5×10 の細線）は右 34 */
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-links { gap: 10px; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-links .link-card { min-height: 118px; padding: 16px 32px; border: 1px solid var(--c-cream); }   /* 参照: 白 116＋縁 1×2、送り 128 */
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-links .btn-ring { width: 24px; height: 24px; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-links .btn-ring .icon { width: 20px; height: 20px; }
  /* 写真帯 2 枚（160）＋ ENTRY（200）は間 8。文字は左 32・丸矢印 40（山形 9×18 の細線）は右 32。帯の題 20px/0.02em（募集要項 幅 81） */
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-ctas { gap: 8px; margin-top: 82px; }   /* 白カードの外枠下端→写真帯 82 */
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-ctas .cta { padding-inline: 32px; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-band .cta-title { font-size: 20px; letter-spacing: 0.02em; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-ctas .cta-ring .icon { width: 32px; height: 32px; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-ctas .cta-ring .icon path { stroke-width: 1.1; }
  /* ENTRY 帯: 「エントリー」18px/0.04em（幅 91）。白スマイルは幅 160 を左 40・上 19（大きい点の中心が帯の左上から 78,33） */
  :is(.page-recruit-interviews, .page-recruit-interview) .cta-entry .cta-title { font-size: 18px; letter-spacing: 0.04em; }
  :is(.page-recruit-interviews, .page-recruit-interview) .cta-entry .smile.cta-smile { width: 160px; left: 40px; top: 19px; }
}

/* 行頭禁則を参照（STUDIO）に合わせる: base.css の line-break: strict だと小書きの「っ」「ゃ」や「ー」を行頭に置けず、参照より 1 字早く折れて行が増える
   （参照 clinical-training 393「…自分の軸をつく / っていけるよう」、faq 344「症例経験はしっかり積めま / すか？」）。〜767 の本文だけ normal にする */
@media (max-width: 767px) { :is(.page-recruit-interviews, .page-recruit-interview) .main { line-break: normal; } }

/* ======================================================================
   〜767 の 3 周目（2026-09-26。現行プレビューの計算済みスタイルを 344/390/440 で文字ごとに突き合わせ）
   英字が Inter → Roboto に替わった（9/25）あとも Inter 用に詰めた字間（0.2em・0.02em・0.04em）が残っていた → 原本の値に戻す。
   本文の字間は body の 0.06em が px で継承されて字の大きさとずれる（14.7px 基準）ので、要素ごとに 0.06em を当て直す
   ====================================================================== */
@media (max-width: 767px) {
  /* 英字ラベル 16px/0.25em（INTERVIEWS・RECRUIT INFO 152・OTHER STAFF 146）。RECRUIT INFO の字頭 x38・OTHER STAFF x36 */
  .page-recruit-interviews .page-head .sec-label { letter-spacing: 0.25em; text-indent: 0.25em; }
  :is(.page-recruit-interviews, .page-recruit-interview) :is(.rinfo-head, .ivd-others .sec-head) .sec-label { letter-spacing: 0.25em; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-head .sec-label { padding-left: 6px; }
  .page-recruit-interview .ivd-others .sec-head .sec-label { padding-left: 4px; }
  /* カード: 引用 18px/1.7・字間 0.06em、氏名 18px/0.06em */
  .ivl-grid .iv-quote { line-height: 1.7; letter-spacing: 0.06em; }
  .ivl-grid .iv-name { letter-spacing: 0.06em; }
  /* 採用情報の帯: 写真帯の題 20px/0.06em、ENTRY は Roboto 400・48px・字間 0.06em、エントリー 18px/0.06em */
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-band .cta-title { letter-spacing: 0.06em; }
  :is(.page-recruit-interviews, .page-recruit-interview) .cta-entry .cta-en { font-size: 48px; font-weight: 400; letter-spacing: 0.06em; }
  :is(.page-recruit-interviews, .page-recruit-interview) .cta-entry .cta-title { letter-spacing: 0.06em; }
  /* 白いリンクカードの縁は 2px（原本 118 = 白 114＋縁 2×2。字頭 x66） */
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-links .link-card { border-width: 2px; }
}

/* ======================================================================
   1080〜 Figma「先輩スタッフの声」114:2934（採用 1440 幅）に合わせる（2026-09-25）。〜1079 は上の値のまま
   ====================================================================== */
@media (min-width: 1080px) {
  /* 見出し（Frame 213 114:3161: ヘッダー込み高さ 400・中身は上 80 から）: ヘッダー下端 108 → ラベル上端 188（+80）、ラベル 16px/1.7 → 8 → H1 40px/1.7 下端 291 → カード上端 400（+109） */
  .page-recruit-interviews .page-head { padding-top: 80px; padding-bottom: 109px; }
  .page-recruit-interviews .page-head .sec-head { gap: 8px; }
  /* カードの形は Figma（Frame 35 114:3249: 氏名＋英字の行 → 本文 16px 黒・写真 327:350）をやめ、上の 1080〜 の現行どおり（2026-09-29 ユーザー指示） */
  .page-recruit-interviews .ivl { padding-bottom: 0; }   /* カード → RECRUIT INFO の面の上端 200 は .rinfo の margin-top で */

  /* RECRUIT INFO（Frame 38 72:1016・1440×1504）: 面の上端 = 前の中身の下端 + 200。上辺は楕円 2128×752（中心 x=中央・上端 = 面の上端 + 16）で切る → 画面端で +115。
     グラデ（Figma は画像塗り。実測: 上端 #FEF0C2 → 40% #FEDEBE → 88% #F8F3EF）。見出しの行は上から 200、960 幅（320 ＋ 80 ＋ 560）を中央。
     白カード 560×120・間 8。CTA は見出しの行の下 160・写真帯 628×224（間 24）＋ ENTRY 帯 1280×320（上 24）。ENTRY 帯の下 → フッターの口 200（.ft の margin-top 64 と足して 136） */
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo {
    --container: 1280px;
    margin-top: 200px; margin-bottom: 0; padding: 200px 0 136px; border-radius: 0;
    background: linear-gradient(180deg, var(--c-hero-yellow) 0%, color-mix(in srgb, var(--c-hero-mid) 70%, var(--c-hero-yellow)) 40%, var(--c-cream) 90%);
    -webkit-mask: radial-gradient(73.889% 26.111vw at 50% 27.222vw, #000 calc(100% - 0.8px), transparent 100%) top / 100% 27.222vw no-repeat, linear-gradient(#000 0 0) 0 calc(27.222vw - 1px) / 100% 100% no-repeat;
            mask: radial-gradient(73.889% 26.111vw at 50% 27.222vw, #000 calc(100% - 0.8px), transparent 100%) top / 100% 27.222vw no-repeat, linear-gradient(#000 0 0) 0 calc(27.222vw - 1px) / 100% 100% no-repeat;
  }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-grid { grid-template-columns: minmax(0, 320px) minmax(0, 560px); justify-content: center; gap: 80px; padding-inline: 0; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-head { gap: 16px; }   /* Frame 28: ラベル → 16 → 採用情報 32px */
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-links { gap: 8px; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-ctas { margin-top: 160px; gap: 24px; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-band { min-height: 224px; padding: 40px 80px; }
  :is(.page-recruit-interviews, .page-recruit-interview) .rinfo-band .cta-title { font-size: 32px; }
  :is(.page-recruit-interviews, .page-recruit-interview) .cta-entry { min-height: 320px; padding: 40px 80px; }
  :is(.page-recruit-interviews, .page-recruit-interview) .cta-entry .cta-text { align-items: center; gap: 8px 32px; }   /* ENTRY（80px/1.7）と「エントリー」（24px）は中心揃え */
  :is(.page-recruit-interviews, .page-recruit-interview) .cta-entry .cta-smile { width: 273px; left: 120px; top: 36px; }   /* 飾り 273×247 は帯の左 120・上 36 */
}

/* ---------- 演出（docs/MOTION.md。html.mo の下だけ） ----------
   カード: 部品（interviewCard）の up ＋ 写真 unveil（+120）に、氏名・所属・引用の塊が +280 で短く up（interviews-index.mjs の interviewGrid）。
   格子と RECRUIT INFO の白カード・帯は stagger（番号は同じ瞬間に画面に入ったものの中で振り直される） */
html.mo .ivl-grid .iv-body[data-mo] { --mo-dist: 18px; }