/* ===== FieldNote Forms: frontend.css（統一・重複排除版） ===== */

/* ベース */
.fnf-entry{ margin:1.5rem 0; font-size:16px; line-height:1.8; }
.fnf-row{ display:block; padding:.6rem 0; border-bottom:1px solid #eee; margin:0; }
.fnf-row:last-child{ border-bottom:none; }

/* ラベル/値 */
.fnf-label{ display:block; font-weight:700; color:#111; margin-bottom:.25rem; font-size:1rem; }
.fnf-val{ word-break:break-word; }
.fnf-val img{ max-width:100%; height:auto; border-radius:6px; display:block; margin:.4rem 0; }

/* ─ グループカード（枠＋見出し） ─ */
.fnf-card{
  border:1px solid #e5e7eb; border-radius:10px;
  padding:1.1rem 1.2rem; margin:1.5rem 0; background:#fafafa;
}
.fnf-card__title{
  margin:.1rem 0 1rem; font-size:1.125rem; line-height:1.4;
  font-weight:700; border-left:4px solid #0ea5e9; padding-left:.6rem; color:#111827;
}

/* トップレベルのラベルは“少し大きく” */
.fnf-card > .fnf-row > .fnf-label{ font-size:1.06rem; }

/* ─ サブグループ（区切り線だけ入れる・ラベルは太字のまま） ─ */
.fnf-sub{ border-top:1px dashed #e5e7eb; padding-top:.8rem; margin-top:.6rem; }
.fnf-sub__title{ margin:0 0 .6rem; font-weight:700; color:#374151; }

/* 読みやすさオプション */
@media (min-width: 800px){
  /* 2カラムにしたい場合はコメント解除 */
  /* .fnf-card > .fnf-row{display:grid;grid-template-columns:220px 1fr;gap:.6rem 1rem} */
}

/* 印刷向け: カード途中で改ページしにくくする */
@media print{
  .fnf-card{ page-break-inside: avoid; }
}

/* ━━━ 画像サムネイル化 (追加修正) ━━━ */
.fnf-val img {
  max-width: 200px !important; /* 強制的に小さくする */
  width: auto;
  height: auto;
  border: 1px solid #ccc;
  padding: 4px;
  background-color: #fff;
  cursor: pointer; /* クリックできそうな雰囲気 */
  transition: transform 0.2s;
}
.fnf-val img:hover {
  transform: scale(1.05); /* ホバーで少し拡大 */
}

/* ━━━ グループのボックス化 (追加修正) ━━━ */
/* グループフィールド（.fnf-group）をカードのような見た目にする */
.fnf-group {
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 2rem;
  background-color: #fff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

/* グループのタイトルを目立たせる */
.fnf-group__title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #2c5282; /* 濃い青 */
  border-bottom: 2px solid #bee3f8;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
}

/* ネスト（入れ子）したグループの場合、内側のスタイルを少し控えめに */
.fnf-group .fnf-group {
  border: 1px dashed #cbd5e0;
  box-shadow: none;
  background-color: #f7fafc;
  margin-bottom: 1rem;
}
.fnf-group .fnf-group .fnf-group__title {
  font-size: 1.1rem;
  border-bottom: 1px dashed #cbd5e0;
  color: #4a5568;
}