/* 記事内トライアル登録フォーム（埋め込みフォームCTA）— 案A（プレビュー _cta_preview.html 案①と同一レイアウト）
   ベージュ枠＋オレンジ帯タイトル＋横2カラム。枠は max-width 560px で中央寄せ（横幅いっぱいにはしない）。
   .entry-content 内で自己完結。点滅は勤務地プルダウンのみ。2026-06-25：横幅いっぱい/黄金比/高さ詰めの調整は「気持ち悪い」と却下し、本シンプル版に確定。 */

.kkr-inline-regist {
  border: 1px solid #e6ddc7;
  background: #fbf8f1;
  border-radius: 10px;
  padding: 18px;
  margin: 1.8em 0; /* 枠は記事幅いっぱい（max-width撤廃）。左右比1:1.1・係長くん88pxは案①のまま */
}

/* タイトル（オレンジ帯・固定ブランド）。p要素なので .entry-content p の余白に勝つよう詳細度を上げる */
.kkr-inline-regist .kkr-inline-regist__head {
  margin: 0 0 14px;
  padding: 8px 12px;
  background: #EA7B12;
  border-radius: 6px;
  color: #fff;
  font-size: 0.95em;
  font-weight: bold;
  text-align: center;
}

/* 本体：左コピー＋右フォームの2カラム（SPは縦積み） */
.kkr-inline-regist__cols { display: flex; gap: 18px; align-items: center; }
.kkr-inline-regist__left { flex: 1; text-align: center; }
.kkr-inline-regist__char { width: 88px; height: auto; }
.kkr-inline-regist .kkr-inline-regist__msg {
  margin: 8px auto 0;
  max-width: 11em; /* 文字幅で自動改行（手動brを使わない） */
  color: #333;
  font-size: 1.05em;
  font-weight: bold;
  line-height: 1.5;
}
.kkr-inline-regist__right { flex: 1.1; }

.kkr-inline-regist__form { margin: 0; }
.kkr-inline-regist__field { margin-bottom: 0.8em; }
.kkr-inline-regist__field label {
  display: block;
  margin-bottom: 0.3em;
  color: #555;
  font-size: 0.84em;
}
.kkr-inline-regist__field select {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0.7em;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  color: #333;
  font-size: 16px; /* iOS の自動ズーム防止 */
  line-height: 1.4;
  appearance: auto;
  -webkit-appearance: auto;
}

/* 勤務地セレクトだけ点滅（スクロールで視界に入った時だけ／JSが .blink を付与・選択で外す） */
.kkr-inline-regist__pref.blink {
  border-radius: 6px;
  animation: kkr-border-blink 1s linear infinite;
}
@keyframes kkr-border-blink {
  0%   { outline: 3px solid transparent; }
  50%  { outline: 3px solid #EA7B12; }
  100% { outline: 3px solid transparent; }
}

/* 送信ボタン：初期disabled（グレー）→勤務地選択でオレンジにアクティブ化（JS制御・LP同等） */
.kkr-inline-regist__submit {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
  border: none;
  border-radius: 8px;
  background: #EA7B12;
  box-shadow: 0 5px 0 #B46120;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.kkr-inline-regist__submit:disabled {
  background: #aaa;
  box-shadow: 0 4px 0 #888;
  cursor: not-allowed;
}
.kkr-inline-regist__submit::after {
  content: "›";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-55%);
  font-size: 22px;
}

.kkr-inline-regist .kkr-inline-regist__safe {
  margin: 0.6em 0 0;
  color: #d2691e;
  font-size: 0.82em;
  font-weight: bold;
  text-align: center;
}
.kkr-inline-regist .kkr-inline-regist__note {
  margin: 0.4em 0 0;
  color: #777;
  font-size: 0.78em;
  text-align: center;
}

@media (max-width: 600px) {
  .kkr-inline-regist__cols { flex-direction: column; gap: 12px; }
  .kkr-inline-regist__msg { max-width: 16em; }
}