/* contact — お問い合わせフォーム（guide.css と同じトークン。ナビ・地の文は guide.css を併読）
   CSP: style-src 'self' のためインライン <style> は使わない。必ずこのファイルで。 */

.cform {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 24px 28px;
  max-width: 560px;
}
.cform label {
  display: block;
  margin: 16px 0 0;
  font-weight: 500;
  font-size: 14px;
  color: var(--ink);
}
.cform label:first-child { margin-top: 0; }
.cform input,
.cform textarea {
  display: block;
  width: 100%;
  margin-top: 6px;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  color: var(--ink);
  background: var(--surface);
  border: 1px solid #d6dad4;
  border-radius: 8px;
}
.cform input { height: 44px; padding: 0 12px; }
.cform textarea { padding: 10px 12px; resize: vertical; min-height: 132px; }
.cform input:focus,
.cform textarea:focus { outline: 2px solid var(--green, #1f6b4a); outline-offset: -1px; }

/* 送信ボタン（深緑 44px。guide.css の .btn-start を上書きしてフォーム用に） */
.cform .c-submit {
  margin-top: 20px;
  height: 44px;
  padding: 0 28px;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
}
.cform .c-submit:disabled { opacity: 0.5; cursor: default; }

/* 注記（送信結果・transcript の説明） */
.cform .sub { font-size: 13px; margin: 12px 0 0; }

/* honeypot: 画面に出さない・タブ順にも読み上げにも乗せない */
.hp {
  position: absolute;
  left: -9999px;
  top: 0;
  height: 0;
  width: 0;
  opacity: 0;
  overflow: hidden;
  margin: 0;
  pointer-events: none;
}

/* バトン君から引き継いだ会話（送る内容は隠さず見せる） */
.c-transcript {
  background: var(--line-soft);
  border-radius: 8px;
  padding: 10px 12px;
  margin: 8px 0 0;
  font-size: 11.5px;
  line-height: 1.6;
  color: var(--ink-2);
  max-height: 160px;
  overflow: auto;
  white-space: pre-wrap;
}

@media (max-width: 720px) {
  .cform { padding: 18px 16px; }
}