/* コンポジットカード：A4 の紙の中身（宣材写真5枚・名前・サイズ表・連絡の欄）。 */
/* 紙の大きさ・縮め方・印刷は共通部品 print-sheet（見た目の変数は parts-theme.css の H1）。紙の中は mm と pt で組む。 */
/* メディアクエリは site-media.css の H1 の区切りへ。 */

.compcard-section .inner {
  max-width: calc(210mm + var(--gutter) * 2);
}

.cc {
  color: var(--ink);
  display: flex;
  flex-direction: column;
  font-family: var(--font-serif);
  height: 100%;
}

.cc-empty {
  font-size: 10pt;
}

/* ---- 名前の欄：左に名前、右に肩書きと活動地域。下に細い金線 ---- */

.cc-head {
  align-items: end;
  border-bottom: 0.25mm solid var(--champagne-gold);
  display: grid;
  gap: 4mm 8mm;
  grid-template-columns: minmax(0, 1fr) auto;
  padding-bottom: 4.5mm;
}

.cc-wordmark {
  color: var(--gold);
  font-family: var(--font-latin);
  font-size: 6.5pt;
  letter-spacing: 0.32em;
  line-height: 1.4;
}

.cc-name {
  font-family: var(--font-serif);
  font-size: 25pt;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.25;
  margin-top: 2mm;
}

html[data-site-lang="en"] .cc-name {
  font-family: var(--font-latin);
  font-size: 23pt;
  letter-spacing: 0.04em;
}

.cc-kana {
  color: var(--ink-soft);
  font-size: 7.5pt;
  letter-spacing: 0.24em;
  line-height: 1.5;
  margin-top: 1mm;
}

.cc-about {
  text-align: right;
}

.cc-title {
  font-size: 10.5pt;
  letter-spacing: 0.12em;
  line-height: 1.5;
}

.cc-facts {
  margin: 1.2mm 0 0;
}

.cc-facts div {
  display: flex;
  gap: 2.5mm;
  justify-content: flex-end;
}

.cc-facts dt {
  color: var(--ink-soft);
  font-size: 6.5pt;
  letter-spacing: 0.12em;
  line-height: 1.9;
}

.cc-facts dd {
  font-size: 8pt;
  letter-spacing: 0.06em;
  line-height: 1.75;
  margin: 0;
}

/* ---- 宣材写真5枚：上の段は全身（2列ぶん）とバストアップ、下の段は3枚 ---- */

.cc-photos {
  display: grid;
  gap: 3.2mm 3mm;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 5.5mm;
}

.cc-photo--1 {
  grid-column: 1 / span 2;
}

.cc-photo-frame {
  background: #f7f1e7;
  display: block;
  height: 66mm;
  overflow: hidden;
}

.cc-photo--1 .cc-photo-frame,
.cc-photo--2 .cc-photo-frame {
  height: 77mm;
}

.cc-photo-frame img {
  /* 宣材写真を決まった枠へ収める内在サイズ制御（見せる位置は data の focus）。 */
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.cc-photo figcaption {
  align-items: baseline;
  display: flex;
  gap: 2mm;
  justify-content: space-between;
  line-height: 1.5;
  margin-top: 1.3mm;
}

.cc-photo-role {
  font-size: 7pt;
  letter-spacing: 0.1em;
}

.cc-photo-credit {
  color: var(--ink-soft);
  font-size: 6pt;
  letter-spacing: 0.06em;
}

.cc-photo-note {
  color: var(--ink-soft);
  font-size: 6.2pt;
  letter-spacing: 0.04em;
  line-height: 1.6;
  margin-top: 2.2mm;
}

/* ---- サイズ表と連絡の欄：紙の下にそろえ、上に細い金線 ---- */

.cc-info {
  border-top: 0.25mm solid var(--champagne-gold);
  display: grid;
  gap: 0 8mm;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  margin-top: auto;
  padding-top: 3.2mm;
}

.cc-table {
  margin: 0;
}

.cc-row {
  border-bottom: 0.2mm solid var(--hairline);
  display: grid;
  gap: 3mm;
  grid-template-columns: 19mm minmax(0, 1fr);
  padding-block: 1.25mm;
}

.cc-row:last-child {
  border-bottom: 0;
}

.cc-row dt {
  color: var(--ink-soft);
  font-size: 6.6pt;
  letter-spacing: 0.08em;
  line-height: 1.75;
}

.cc-row dd {
  font-family: var(--font-sans);
  font-size: 7.4pt;
  letter-spacing: 0.02em;
  line-height: 1.6;
  margin: 0;
}

html[data-site-lang="en"] .cc-row dt,
html[data-site-lang="en"] .cc-photo-role,
html[data-site-lang="en"] .cc-title {
  font-family: var(--font-latin);
}

/* English の項目名（Measurements など）が 19mm の列からはみ出さないよう、字間を詰める */
html[data-site-lang="en"] .cc-row dt {
  letter-spacing: 0.02em;
}