/*
 * AIgent intake widget — scoped styles.
 * すべてのセレクタは #aigent-intake-root 配下、全クラスは aiw- prefix
 * （LP の既存グローバル CSS と非干渉。設計書 v1 A-4.2 規律）。
 *
 * 配色はプレースホルダ（本番 skillup-aigent.com の実測値が未取得のため）。
 * S3 統合時（A-PR3）に実サイトと突き合わせて --aiw-* を調整すること。
 */
#aigent-intake-root {
  --aiw-gold: #c9a227;
  --aiw-gold-dark: #a9860f;
  --aiw-navy: #16233f;
  --aiw-navy-light: #2c3f66;
  --aiw-ink: #1c2230;
  --aiw-muted: #6b7280;
  --aiw-border: #d8dbe2;
  --aiw-bg: #ffffff;
  --aiw-bg-soft: #f6f7f9;
  --aiw-error: #c0392b;
  --aiw-radius: 10px;
  --aiw-font: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif;

  box-sizing: border-box;
  font-family: var(--aiw-font);
  color: var(--aiw-ink);
  max-width: 480px;
  margin: 0 auto;
}
#aigent-intake-root * {
  box-sizing: inherit;
}
#aigent-intake-root .aiw-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* honeypot: 画面外配置（display:none は bot 対策として弱い） */
#aigent-intake-root .aiw-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}

#aigent-intake-root .aiw-progress {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  font-size: 13px;
  color: var(--aiw-muted);
}
#aigent-intake-root .aiw-progress .aiw-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--aiw-border);
}
#aigent-intake-root .aiw-progress .aiw-dot.is-active {
  background: var(--aiw-navy);
}
#aigent-intake-root .aiw-progress .aiw-dot.is-done {
  background: var(--aiw-gold);
}
#aigent-intake-root .aiw-progress-label {
  margin-left: auto;
}

#aigent-intake-root .aiw-step h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 16px;
  outline: none;
}
#aigent-intake-root .aiw-step[hidden] {
  display: none;
}

#aigent-intake-root fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

#aigent-intake-root .aiw-occ-group {
  margin: 0 0 16px;
}
#aigent-intake-root .aiw-occ-group-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--aiw-muted);
  margin: 0 0 8px;
}
#aigent-intake-root .aiw-occ-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
#aigent-intake-root .aiw-occ-grid.is-primary {
  grid-template-columns: repeat(2, 1fr);
}
#aigent-intake-root label.aiw-occ {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--aiw-border);
  border-radius: var(--aiw-radius);
  padding: 12px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.35;
  transition: border-color 0.15s, background-color 0.15s;
}
#aigent-intake-root .aiw-occ-grid.is-primary label.aiw-occ {
  /* 太字だけで十分目立つため中央寄せはしない。他カードと同じ左揃え
     （伊澤指摘・2026-08-13：中央寄せ不要）。 */
  font-weight: 700;
  padding: 16px 12px;
}
#aigent-intake-root .aiw-occ-grid.is-primary label.aiw-occ span {
  /* 折返し時に1文字だけ孤立するのを防ぎ、2行をなるべく均等な長さに配分する
     （非対応ブラウザは従来どおりの折返しにフォールバックするだけで実害なし）。 */
  text-wrap: balance;
}
/* primary tierが1件だけの場合（現行layoutではAI/データ職のみ）に2列グリッドの
   片側だけ幅が半分になるのを防ぐ。2件揃えばrepeat(2, 1fr)通りに2列表示される。 */
#aigent-intake-root .aiw-occ-grid.is-primary label.aiw-occ:only-child {
  grid-column: 1 / -1;
}
#aigent-intake-root label.aiw-occ:has(input:checked) {
  border-color: var(--aiw-gold);
  background: #fbf6e7;
}
#aigent-intake-root label.aiw-occ input {
  accent-color: var(--aiw-gold-dark);
}
#aigent-intake-root .aiw-occ-fold {
  border: 1px dashed var(--aiw-border);
  border-radius: var(--aiw-radius);
  background: transparent;
  color: var(--aiw-navy);
  font-size: 13px;
  font-weight: 600;
  padding: 10px 12px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#aigent-intake-root .aiw-occ-fold .aiw-caret {
  transition: transform 0.15s;
}
#aigent-intake-root .aiw-occ-fold[aria-expanded="true"] .aiw-caret {
  transform: rotate(180deg);
}
#aigent-intake-root .aiw-occ-grid.is-folded {
  margin-top: 8px;
}
#aigent-intake-root .aiw-occ-grid.is-folded[hidden] {
  display: none;
}

#aigent-intake-root .aiw-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 14px;
}
#aigent-intake-root .aiw-field {
  margin-bottom: 14px;
}
#aigent-intake-root .aiw-field label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
}
#aigent-intake-root .aiw-req {
  color: var(--aiw-error);
  font-weight: 600;
  font-size: 11px;
  margin-left: 4px;
}
/* 任意項目の印（フリガナ）。必須の赤と取り違えないよう、色も太さも下げる。 */
#aigent-intake-root .aiw-opt {
  color: var(--aiw-muted);
  font-weight: 400;
  font-size: 11px;
  margin-left: 4px;
}
#aigent-intake-root input[type="text"],
#aigent-intake-root input[type="email"],
#aigent-intake-root input[type="tel"],
#aigent-intake-root select {
  width: 100%;
  padding: 11px 12px;
  border: 1px solid var(--aiw-border);
  border-radius: var(--aiw-radius);
  font-size: 15px;
  background: var(--aiw-bg);
  color: var(--aiw-ink);
}
#aigent-intake-root input[type="text"]::placeholder,
#aigent-intake-root input[type="email"]::placeholder,
#aigent-intake-root input[type="tel"]::placeholder {
  /* ★#bfbfbf にしないこと（制作チーム 2026-08-31 納品の値）。白地との比が 1.84:1 で、
     placeholder を使っている生年月日「19900123」と携帯「09012345678」の**書式例が
     読めなくなる**。全項目に <label> があるので意味は失われないが、書式を外すと
     入力品質に直に効く欄がこの2つ。#767676 は 4.54:1 で AA を満たしつつ
     入力値より十分に薄い。 */
  color: #767676;
  opacity: 1;
}
#aigent-intake-root input:focus-visible,
#aigent-intake-root select:focus-visible,
#aigent-intake-root button:focus-visible,
#aigent-intake-root a:focus-visible {
  outline: 2px solid var(--aiw-navy-light);
  outline-offset: 2px;
}
#aigent-intake-root input[aria-invalid="true"],
#aigent-intake-root select[aria-invalid="true"] {
  border-color: var(--aiw-error);
}
#aigent-intake-root .aiw-field-error {
  color: var(--aiw-error);
  font-size: 12px;
  margin-top: 4px;
}
#aigent-intake-root .aiw-dob-select-row {
  display: grid;
  grid-template-columns: 1.1fr 0.8fr 0.8fr;
  gap: 8px;
}

#aigent-intake-root .aiw-agree {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12.5px;
  color: var(--aiw-muted);
  line-height: 1.5;
  margin: 16px 0;
}
#aigent-intake-root .aiw-agree input {
  margin-top: 3px;
  flex: none;
}
#aigent-intake-root .aiw-agree a {
  color: var(--aiw-navy);
}

#aigent-intake-root .aiw-turnstile {
  margin: 14px 0;
}

#aigent-intake-root .aiw-note {
  font-size: 12px;
  color: var(--aiw-muted);
  margin: 8px 0 0;
}

#aigent-intake-root button.aiw-next,
#aigent-intake-root button.aiw-submit,
#aigent-intake-root button.aiw-prefill-next {
  display: block;
  width: 100%;
  padding: 14px 16px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--aiw-gold), var(--aiw-gold-dark));
  color: #201a04;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 4px;
}
#aigent-intake-root button.aiw-next:disabled,
#aigent-intake-root button.aiw-submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#aigent-intake-root button.aiw-prefill-next[hidden] {
  display: none;
}
#aigent-intake-root button.aiw-back {
  display: block;
  width: 100%;
  padding: 10px 16px;
  border: 0;
  background: transparent;
  color: var(--aiw-muted);
  font-size: 14px;
  cursor: pointer;
  margin-top: 8px;
}

#aigent-intake-root .aiw-error {
  color: #fff;
  background: var(--aiw-error);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 13px;
  margin: 12px 0 0;
}
#aigent-intake-root .aiw-error[hidden] {
  display: none;
}

#aigent-intake-root .aiw-fallback {
  display: none;
}
#aigent-intake-root.aiw-js-failed .aiw-fallback {
  display: inline-block;
}

/* ---- サンクス（T.1・第1段階=CTA+注記のみ。レコメンド帯は T-PR1） ---- */
#aigent-intake-root .aiw-thanks h3 {
  font-size: 19px;
  font-weight: 700;
  margin: 0 0 8px;
}
#aigent-intake-root .aiw-thanks p {
  font-size: 14px;
  color: var(--aiw-muted);
  line-height: 1.6;
  margin: 0 0 20px;
}
#aigent-intake-root .aiw-cta-primary,
#aigent-intake-root .aiw-cta-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 15px 16px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  margin-bottom: 12px;
  box-sizing: border-box;
}
#aigent-intake-root .aiw-cta-primary {
  background: linear-gradient(180deg, var(--aiw-gold), var(--aiw-gold-dark));
  color: #201a04;
}
#aigent-intake-root .aiw-cta-secondary {
  background: transparent;
  border: 1.5px solid var(--aiw-navy);
  color: var(--aiw-navy);
}
#aigent-intake-root .aiw-cta-secondary svg {
  width: 18px;
  height: 18px;
}
#aigent-intake-root .aiw-thanks-note {
  font-size: 11.5px;
  color: var(--aiw-muted);
  line-height: 1.6;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--aiw-border);
}
#aigent-intake-root #aiw-thanks-extension:empty {
  display: none;
}

/* ---------------------------------------------------------------------
   T-PR1: 簡易インタラクション3問 ＋ レコメンド帯
   SP/PC の切替は **CSS の @media** で行う（JS の isSP は初期化時に一度だけ
   matchMedia を評価するのでリサイズ・画面回転に追随しない）。
   --------------------------------------------------------------------- */
#aigent-intake-root .aiw-qz {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--aiw-border);
}
#aigent-intake-root .aiw-qz:empty {
  display: none;
}
#aigent-intake-root .aiw-qz-purpose {
  font-size: 11px;
  line-height: 1.6;
  color: #6b7280;
  margin: 0 0 10px;
}
#aigent-intake-root .aiw-qz-label {
  font-size: 13px;
  font-weight: 600;
  margin: 0 0 10px;
}
/* 「任意」バッジ。職業安定法5条の5 の任意性を、本文を増やさずに設問ごとへ常時出す。
   見出しより弱く、しかし読み飛ばされない程度のコントラストにする。 */
#aigent-intake-root .aiw-qz-optional {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 500;
  color: #6b7280;
  vertical-align: middle;
}
#aigent-intake-root .aiw-qz-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#aigent-intake-root .aiw-qz-chip {
  padding: 8px 14px;
  border: 1px solid var(--aiw-border);
  border-radius: 999px;
  background: #fff;
  font-size: 13px;
  cursor: pointer;
}
#aigent-intake-root .aiw-qz-chip:hover,
#aigent-intake-root .aiw-qz-chip:focus-visible {
  border-color: var(--aiw-accent);
}
#aigent-intake-root .aiw-qz-skip,
#aigent-intake-root .aiw-qz-redo {
  margin-top: 10px;
  border: 0;
  background: none;
  color: var(--aiw-muted);
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
  padding: 4px 0;
}
#aigent-intake-root .aiw-qz-summary {
  font-size: 13px;
  margin: 0;
}

#aigent-intake-root .aiw-reco:empty {
  display: none;
}
#aigent-intake-root .aiw-reco-cat {
  margin-top: 18px;
}
#aigent-intake-root .aiw-reco-cat h4 {
  font-size: 13px;
  margin: 0 0 10px;
}
/* 帯の列数は **ビューポート幅ではなく帯自身の実幅**（コンテナクエリ）で決める。
 * ここを器の幅にしておく意味は下の @container のコメントに書いてある。 */
#aigent-intake-root .aiw-reco {
  container-type: inline-size;
  container-name: aiw-reco;
}
/* 既定は横スワイプ（scroll-snap）。帯が広いときだけ下の @container が3列へ切り替える。 */
#aigent-intake-root .aiw-reco-rail {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 6px;
}
#aigent-intake-root .aiw-reco-card {
  flex: 0 0 85%;
  /* レールのまま広い器に置かれたとき、1枚が器いっぱいまで伸びて
   * 「巨大なカードが1枚だけ見える」状態になるのを防ぐ。
   * 400px にしてあるのは、**この上限が効き始める前の見え方を変えない**ため。
   * 実測（本番データ9枚）: 器470pxでは 85% = 381px でこの上限に当たらない（＝SPも
   * 中間幅も従来どおり）。当たるのは器が広い面だけで、器600pxなら483→400px、
   * 器810pxなら661→400px、上限が無いと器958pxで814pxの1枚になる。
   * 320px まで詰めると見える枚数は増えるが器470pxの既存の見え方まで変わるので採らない。 */
  max-width: 400px;
  scroll-snap-align: center;
  border: 1px solid var(--aiw-border);
  border-radius: 10px;
  padding: 14px;
  background: #fff;
  box-sizing: border-box;
}
#aigent-intake-root .aiw-reco-headline {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 8px;
  line-height: 1.5;
}
#aigent-intake-root .aiw-reco-business {
  font-size: 12px;
  color: var(--aiw-muted);
  margin: 0 0 8px;
  line-height: 1.6;
}
#aigent-intake-root .aiw-reco-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0 0 8px;
}
#aigent-intake-root .aiw-reco-tags li {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--aiw-bg-subtle, #f2f4f7);
  color: var(--aiw-muted);
}
#aigent-intake-root .aiw-reco-fits-label {
  font-size: 11.5px;
  font-weight: 600;
  margin: 0 0 4px;
}
#aigent-intake-root .aiw-reco-fits {
  margin: 0 0 8px;
  /* 中黒は明示する。宿主LP（lp.css・実LPの common.css）は ul 要素そのものへ
   * list-style を none にするリセットを持っている。ここで指定しないと
   * **マーカーだけが消えて 18px の字下げだけが残る**。
   * 実測（本番 /personal/career/entry/・2026-09-09）では「こんな経験が活きます」の
   * 4項目が箇条書きに見えず、折返した行と項目の境目が区別できない
   * 地続きの文章として描かれていた。 */
  list-style: disc;
  padding-left: 18px;
  font-size: 12px;
  line-height: 1.6;
}
#aigent-intake-root .aiw-reco-conditions {
  font-size: 11.5px;
  color: var(--aiw-muted);
  margin: 0 0 10px;
}
#aigent-intake-root .aiw-reco-cta {
  display: inline-block;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--aiw-accent);
  text-decoration: none;
}
#aigent-intake-root .aiw-reco-cta:hover {
  text-decoration: underline;
}

/* ---- 帯が3列に並ぶ条件は「帯の実幅」で決める（2026-09-09）---------------------
 * ここは以前 min-width 768px のメディアクエリで3列グリッドにしていた。しかし
 * **ビューポートが広くてもこの widget の器は広がらない**（aigent-intake-root の
 * max-width が 480px、本番の登録LPではさらに lp-inner-form の 560px が上限）。
 * 結果 (470-24)/3 = 149px の列に求人カードを押し込み、PCでだけ極端に縦長な帯になっていた
 * （470 は本番の登録LPで器が実際にくれていた幅。480px の max-width はそこに届いていない）。
 *
 * 実測（1440x900・本番の登録LP・上限に張り付いた本番データ9枚／2026-09-09）:
 *   カード幅 149px / 最も高いカード 972px / 帯 2,503px / ページ全体 3,227px（3.6画面）
 * 主因は fits（こんな経験が活きます）。1項目40字上限に24%の項目が張り付いており
 * （本番4,296件で実測）、149px幅では1項目が2〜5行に折り返す。件数の中央値は4件。
 *
 * 同じ症状は姉妹の診断 widget が既に踏んで解いている
 * （aigent-career-diag.css:1584-1596「列数は3ではなく2。器の実幅は約440pxで頭打ち」）。
 * そちらは列を減らして解いたが、こちらのカードは本文が桁違いに長いので、
 * 列を減らしても縦は縮まない（2列=帯914px・1列=帯923px。どちらも現状より高い）。
 * よって「器が広いときだけ3列・狭いときは横スワイプのまま」を、
 * ビューポートではなく帯の実幅で判定する。狭いカラムへ埋め込まれた面でも同じ事故が起きない。
 *
 * 閾値 864px = (864 - gap 12*2) / 3 で1列280pxを確保できる幅。実測で列幅280pxなら
 * カード高さ366px、240pxまで詰めると467pxへ伸びるので、そこが分かれ目。
 *
 * ★ 現在この3列に入る面は無い（2026-09-10 伊澤氏判断「横に振らせるほうでいい」）。
 *   器を広げる案（サンクス画面だけ root を960pxへ・登録LPの lp-inner-form も開ける）は
 *   白カードが 528px→1016px に広がって狭い1カラムのLPと不釣り合いになるため採らなかった。
 *   帯はどの面でも横スワイプのレールになる（器の実幅: 登録LP 470px / 実LP・社内確認ページ
 *   600px / dev ハーネス 520px。いずれも864pxに届かない）。
 *   このブロックを残しているのは、**ビューポート幅で3列に分岐する書き方へ戻さない**ため。
 *   器が広い面へ埋め込まれたときだけ3列になる。
 * 未対応ブラウザ（@container 非対応）ではこのブロックが丸ごと無視され、
 * 上の横スワイプ（1枚320px上限）が残る＝壊れずに縮退する。 */
@container aiw-reco (min-width: 864px) {
  #aigent-intake-root .aiw-reco-rail {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: visible;
  }
  #aigent-intake-root .aiw-reco-card {
    flex: none;
    max-width: none;
  }
  /* 3列に並ぶときは、帯が本文列より広い1セクションとして読まれる。
     上に区切り線を引いて本文との境目を作る。
     ★見出しは中央寄せにしないこと（一度入れて外した・2026-09-10）。カテゴリは
       fit / stretch / adjacent の3本だが、1カテゴリが1〜2枚になることがある
       （最少枚数の判定は3カテゴリの**合計**・public_recommendations.py の
       _enforce_min_cards。週次フォールバックはその判定を通らない）。
       中央寄せにすると1枚のカテゴリで見出しとカードの中心が323pxずれた（実測）。
       左揃えならカード1枚目の左端に必ず揃う。 */
  #aigent-intake-root .aiw-reco-cat {
    margin-top: 28px;
    border-top: 1px solid var(--aiw-border);
    padding-top: 20px;
  }
  #aigent-intake-root .aiw-reco-cat h4 {
    font-size: 14px;
    margin-bottom: 14px;
  }
}

@media (max-width: 480px) {
  #aigent-intake-root .aiw-row {
    grid-template-columns: 1fr 1fr;
  }
}

/* ---- 宿主 CSS 遮断（2026-08-14 追記）--------------------------------------
 * 実LP（skillup-aigent.com）の
 *     #contact .secInner p { color:#fff; font-size:2.2rem; text-align:center }
 * は specificity 111。本 widget の `#aigent-intake-root .aiw-*`（=110）は
 * これに負けるため、**<p> ベースの要素が白背景に白文字**で描画されていた。
 * 実測（dev/diag-in-lp.html と同じ実LP文脈）で確認した被害:
 *   - .aiw-field-error … 「姓を入力してください」等の必須エラーが完全に不可視
 *   - .aiw-error       … 送信エラーの表示が不可視
 *   - .aiw-note / .aiw-thanks-note … 注記が不可視
 * （.aiw-thanks p は 111 で同点、本CSSが後勝ちのため無事だった）
 *
 * 既存の記述順・構造を壊さないよう、ここで ID を二重にした（=210）打ち消しだけを追記する。
 * 新規に <p> を足す場合はこのブロックにも追加すること。
 * 検証は素のページではなく実LP CSS を読み込む dev/diag-in-lp.html 相当で行う
 * （素のページでは宿主との衝突は原理的に再現しない）。
 */
#aigent-intake-root#aigent-intake-root p {
  text-align: left;
  letter-spacing: normal;
}
#aigent-intake-root#aigent-intake-root .aiw-field-error {
  color: var(--aiw-error);
  font-size: 12px;
  font-weight: 400;
}
#aigent-intake-root#aigent-intake-root .aiw-error {
  color: var(--aiw-error);
  font-size: 13px;
  font-weight: 400;
}
#aigent-intake-root#aigent-intake-root .aiw-note {
  color: var(--aiw-muted);
  font-size: 12px;
  font-weight: 400;
}
/* 2026-08-25 追記の <p> は2つとも `.aiw-note` なので色・字送りは直上で守れている。
 * 余白だけこのブロックで決める（宿主 LP の `#contact .secInner p` が margin を
 * 持っていた場合、110 の指定では負けるため。上の注記の指示どおりここへ足す）。
 * - .aiw-kana-note … 自動で埋まる補助欄の説明。上のフリガナ行と1かたまりに見せる
 * - .aiw-purpose   … 利用目的。同意行から出したので、同意行との間だけ空ける
 */
#aigent-intake-root#aigent-intake-root .aiw-kana-note {
  margin: -6px 0 14px;
}
#aigent-intake-root#aigent-intake-root .aiw-purpose {
  margin: 4px 0 16px;
}
#aigent-intake-root#aigent-intake-root .aiw-thanks p {
  color: var(--aiw-muted);
  font-size: 14px;
  font-weight: 400;
}
/* `.aiw-thanks-note` は `.aiw-thanks` 内の <p> でもあるため、直上の
 * `#aigent-intake-root#aigent-intake-root .aiw-thanks p`（specificity 0,2,1,1）に
 * 負けて font-size:14px になってしまう（実LP文脈で実測・2026-08-21）。
 * 注記を本文と同じ大きさで出さないため、`p.aiw-thanks-note` で1段上回る。 */
#aigent-intake-root#aigent-intake-root .aiw-thanks p.aiw-thanks-note {
  color: var(--aiw-muted);
  font-size: 11.5px;
  font-weight: 400;
}
/* 求人カードの中の <p> も、上の 0,2,1,1 に負けて全部 14px / weight 400 /
 * muted になっていた（2026-09-09 実測。帯は #aiw-thanks-extension 経由で
 * .aiw-thanks の内側にあるため射程に入る）。被害:
 *   - 見出しラベル「こんな経験が活きます」が 11.5px/600 → 14px/400 で、
 *     本文と区別がつかない（狭い列では2行に折れる）
 *   - 事業内容・勤務条件が 12px / 11.5px → 14px で、カードが縦に伸びる
 * 注記（p.aiw-thanks-note）と同じ形で1段上回らせて、CSSに書いてある値へ戻す。
 * 帯の中に新しい <p> を足すときは、ここにも足すこと。 */
#aigent-intake-root#aigent-intake-root .aiw-thanks p.aiw-reco-business {
  color: var(--aiw-muted);
  font-size: 12px;
  font-weight: 400;
}
#aigent-intake-root#aigent-intake-root .aiw-thanks p.aiw-reco-fits-label {
  color: var(--aiw-ink);
  font-size: 11.5px;
  font-weight: 600;
}
#aigent-intake-root#aigent-intake-root .aiw-thanks p.aiw-reco-conditions {
  color: var(--aiw-muted);
  font-size: 11.5px;
  font-weight: 400;
}

/* ---------------------------------------------------------------------
 * 引き継ぎ説明（設計書260818 §5.2-5）。診断から結果を引き継いで来たときだけ
 * `hidden` を外して表示する。何が引き継がれるかを明示し、その場で取り消せる。
 * -------------------------------------------------------------------*/
#aigent-intake-root .aiw-carry-notice {
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid var(--aiw-border);
  border-radius: 10px;
  background: var(--aiw-bg-soft);
}
#aigent-intake-root .aiw-carry-notice[hidden] {
  display: none;
}
#aigent-intake-root .aiw-carry-lead {
  margin: 0;
  font-size: 13px;
}
#aigent-intake-root button.aiw-carry-off {
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--aiw-muted);
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}

/* 宿主LPの高詳細度セレクタ打ち消し（本ファイル末尾ブロックの規約に従い、
 * 新規の <p> はここにも書く。書き漏らすと白背景に白文字で不可視になる）。 */
#aigent-intake-root#aigent-intake-root .aiw-carry-lead {
  color: var(--aiw-ink);
  font-size: 13px;
  font-weight: 400;
}