/* ============================================================
   ANZAS v2 — page-internship.css
   /course/internship-course/(実践プログラム 2/3)だけで使う装飾。
   出典: 下層カンプ「Internship」
   共通シャーシ(pages.css)・共通部品(main.css)の後に読み込む。
   ============================================================ */

/* パンくずの中間階層「実践プログラム」。
   束ねるハブページ(/programs/)が v1.5 に無いため URL を渡せず、共通部品
   av2_breadcrumb() は現在地と同じブルーの tint ピルで出す。カンプでは中間階層は
   グレーピル(現在地のブルーと区別)なので、当ページ限定でグレーに戻す。
   ※ 現在地は必ず最後の li になるため、li の位置で中間だけを狙える。 */
.av2-crumbs__item:not(:last-child) .av2-crumbs__here {
  background: var(--av2-surface);
  color: var(--av2-cap);
}

/* ページヘッダーのキッカー横のバッジ(「修了証を発行」)。
   共通部品 av2_page_header() の $note を .av2-badge と同じ見た目にする。
   このファイルは当ページでのみ読み込むため、他ページの note には影響しない。 */
.av2-phead__note {
  background: var(--av2-yellow);
  color: var(--av2-ink);
  font-size: 11px;
  border-radius: 999px;
  padding: 4px 12px;
}

/* 03 Partners / 04 How it works のカード内の間隔 */
.av2-box .av2-tag + .av2-box__title { margin-top: 10px; }

/* 05 Program の現場写真(現行サイト本文の掲載写真5枚) */
.av2-int-photos {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 40px;
}
.av2-int-photos img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 16px;
}

/* 06 料金表(11列)。共通の .av2-table は 640px 幅想定なので、この表だけ広げる。
   横スクロール中も期間(Week)を見失わないよう左端の列だけ貼りつける。
   border-collapse: collapse では sticky セルの罫線が消えるため inset shadow で描く。 */
.av2-int-price .av2-table { min-width: 1180px; font-size: 13px; }
.av2-int-price .av2-table th,
.av2-int-price .av2-table td { padding: 12px 16px; white-space: nowrap; }
.av2-int-price .av2-table td {
  text-align: right;
  font-family: var(--av2-en);
  font-variant-numeric: tabular-nums;
}
.av2-int-price .av2-table thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background: var(--av2-surface);
  box-shadow: inset -1px 0 0 var(--av2-line);
}
.av2-int-price .av2-table tbody th {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #fff;
  box-shadow: inset -1px 0 0 var(--av2-line), inset 0 -1px 0 var(--av2-line);
}
.av2-int-price .av2-table tbody tr:last-child th { box-shadow: inset -1px 0 0 var(--av2-line); }

@media (max-width: 900px) {
  .av2-int-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .av2-int-photos { grid-template-columns: 1fr; gap: 14px; }
}

/* 04 How it works の丸番号(4 は修了証 = イエロー) */
.av2-intnum {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--av2-brand);
  color: #fff;
  font-family: var(--av2-en);
  font-weight: 700;
  font-size: 15px;
}
.av2-intnum--goal { background: var(--av2-yellow); color: var(--av2-ink); }
.av2-intnum + .av2-box__title { margin-top: 14px; font-size: 16px; }

/* 経験者の言葉(体験談カードをリンクにする) */
.av2-int-voices .av2-grid2 { margin-top: 24px; }
a.av2-vcard { display: block; color: var(--av2-body) !important; text-decoration: none; }
.av2-int-voices .av2-vcard__meta { margin-top: 2px; }

/* 相互リンク帯(実践プログラム3枚) */
.av2-int-band { margin-top: 96px; border-width: 1.5px; }
.av2-int-band__row {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.av2-int-band__text { flex: 1; min-width: 260px; font-size: 13.5px; line-height: 1.9; }
.av2-int-band__text b { color: var(--av2-ink); }
.av2-int-band__links { display: flex; gap: 10px; flex-wrap: wrap; }

/* コース一覧へ戻る(現行サイト本文末尾の導線) */
.av2-int-back { margin-top: 40px; text-align: center; }

@media (max-width: 560px) {
  .av2-int-band { margin-top: 72px; }
  .av2-int-back { margin-top: 32px; }
  .av2-int-band__links { width: 100%; }
  .av2-int-band__links .av2-pill { width: 100%; justify-content: space-between; box-sizing: border-box; }
}