/* chance-blog.css — チャンス（site_chance_* テーマ）の記事本文（.singleEdit）用の部品 CSS（2026-10-23・記事ボットの HTML 部品＝ミントの blog-edit.css/blog-aio.css と同じクラス名・配色はチャンスのゴールド×黒）
   置き場: wp-content/themes/site_chance_<city>/chance-blog.css（functions.php から wp_enqueue_style）。3 都市とも同じ内容。 */
.singleEdit { --cb-gold: #b8963e; --cb-gold-light: #f5ecd6; --cb-ink: #222; --cb-gray: #666; --cb-line: #e6dcc4; --cb-pink: #fbe9ee; --cb-blue: #eef3fb; }
.singleEdit h2 { margin: 2.2em 0 0.9em; padding: 0.5em 0.7em; border-left: 6px solid var(--cb-gold); background: var(--cb-gold-light); font-size: 1.25em; line-height: 1.5; }
.singleEdit h3 { margin: 1.8em 0 0.7em; padding-bottom: 0.3em; border-bottom: 2px solid var(--cb-line); font-size: 1.1em; line-height: 1.5; }
.singleEdit p { line-height: 1.9; margin: 0 0 1.1em; }
.singleEdit ul, .singleEdit ol { margin: 0 0 1.3em 1.4em; line-height: 1.8; }
.singleEdit li { margin: 0.25em 0; }
.singleEdit li > strong:first-child { display: block; color: var(--cb-gold); }
/* 一言回答（AI検索・検索結果の直接回答） */
.singleEdit .quick-ans { margin: 0 0 1.4em; padding: 1em 1.1em; border: 2px solid var(--cb-gold); border-radius: 10px; background: #fffdf7; }
.singleEdit .quick-ans .qa-q { margin: 0 0 0.4em; font-weight: 700; color: var(--cb-gold); }
.singleEdit .quick-ans .qa-a { margin: 0; font-size: 1.05em; }
/* 結論ボックス */
.singleEdit .matome-label { margin: 1.2em 0 0.3em; padding: 0.4em 0.8em; background: var(--cb-ink); color: #fff; border-radius: 6px 6px 0 0; }
.singleEdit .matome-label + ul { margin: 0 0 1.6em; padding: 0.9em 1em 0.9em 2.2em; border: 2px solid var(--cb-ink); border-top: 0; border-radius: 0 0 6px 6px; background: #fff; }
/* 目次 */
.singleEdit .toc-box { margin: 0 0 1.8em; padding: 1em 1.2em; border: 1px solid var(--cb-line); border-radius: 8px; background: #faf8f2; }
.singleEdit .toc-box .toc-title { margin: 0 0 0.5em; font-weight: 700; color: var(--cb-gold); }
.singleEdit .toc-box ol { margin: 0 0 0 1.4em; }
.singleEdit .toc-box a { color: var(--cb-ink); text-decoration: underline; }
/* 一次出典 */
.singleEdit .src-note { margin: -0.4em 0 1.2em; font-size: 0.85em; color: var(--cb-gray); }
/* CTA ボタン */
.singleEdit .cta-wrap { margin: 1.2em 0; text-align: center; }
.singleEdit .cta-btn { display: inline-block; max-width: 100%; padding: 0.9em 1.4em; border-radius: 999px; font-weight: 700; text-decoration: none; line-height: 1.4; box-shadow: 0 3px 10px rgba(0,0,0,0.15); }
.singleEdit .cta-apply { background: linear-gradient(135deg, #c9a24a, #a8822e); color: #fff; }
.singleEdit .cta-line { background: #06c755; color: #fff; }
/* スタッフ吹き出し */
.singleEdit .staff-voice { display: flex; gap: 0.8em; margin: 1.3em 0; padding: 1em; border-radius: 10px; background: var(--cb-gold-light); }
.singleEdit .staff-voice .sv-icon { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; background: var(--cb-gold); display: flex; align-items: center; justify-content: center; }
.singleEdit .staff-voice .sv-body p { margin: 0 0 0.4em; }
.singleEdit .staff-voice .sv-name { font-size: 0.85em; font-weight: 700; color: var(--cb-gold); }
/* 会話ボックス（LINE 風） */
.singleEdit .talk-box { margin: 1.4em 0; padding: 1em; border-radius: 10px; background: #f3f1ec; }
.singleEdit .talk-box .tk-title { margin: 0 0 0.8em; font-weight: 700; color: var(--cb-gray); font-size: 0.95em; }
.singleEdit .talk-box .tk { display: flex; margin: 0.5em 0; }
.singleEdit .talk-box .tk-r { justify-content: flex-end; }
.singleEdit .talk-box .tk-b { max-width: 86%; padding: 0.7em 0.9em; border-radius: 14px; background: #fff; line-height: 1.7; }
.singleEdit .talk-box .tk-r .tk-b { background: var(--cb-pink); }
.singleEdit .talk-box .tk-l .tk-b { background: var(--cb-blue); }
.singleEdit .talk-box .tk-n { display: block; font-size: 0.8em; color: var(--cb-gray); margin-bottom: 0.2em; }
/* FAQ・マーカー・表・注記 */
.singleEdit .faq-q { padding-left: 2em; position: relative; border-bottom: 0; }
.singleEdit .faq-q::before { content: "Q"; position: absolute; left: 0; top: 0; width: 1.5em; height: 1.5em; border-radius: 50%; background: var(--cb-gold); color: #fff; font-size: 0.85em; text-align: center; line-height: 1.5em; }
.singleEdit .hl { background: linear-gradient(transparent 55%, #ffe98a 55%); }
.singleEdit .wp-block-table { margin: 1.2em 0 1.6em; overflow-x: auto; }
.singleEdit .wp-block-table table { width: 100%; border-collapse: collapse; font-size: 0.95em; }
.singleEdit .wp-block-table th, .singleEdit .wp-block-table td { padding: 0.55em 0.7em; border: 1px solid var(--cb-line); vertical-align: top; }
.singleEdit .wp-block-table th { background: var(--cb-gold-light); }
.singleEdit .wp-block-table figcaption { font-size: 0.85em; color: var(--cb-gray); }
.singleEdit .wp-block-image { margin: 1.4em 0; }
.singleEdit .wp-block-image img { width: 100%; height: auto; border-radius: 8px; }
.singleEdit .note-small { font-size: 0.82em; color: var(--cb-gray); }
@media (max-width: 600px) { .singleEdit h2 { font-size: 1.12em; } .singleEdit .talk-box .tk-b { max-width: 92%; } }

/* 2026-10-23: li の印（テーマの li::before「・」）を左上に固定。ラベル(strong を block)の前で印だけが別の行に落ちるのを防ぐ */
.singleEdit ul > li { position: relative; }
.singleEdit ul > li::before { position: absolute !important; left: -1.1em !important; top: 0 !important; }

/* 2026-10-23: チャンスの型「現場ノート」の部品 */
.singleEdit .cn-intro { margin: 0 0 1.4em; padding: 1em 1.1em; border-left: 6px solid var(--cb-gold); background: var(--cb-gold-light); border-radius: 0 10px 10px 0; }
.singleEdit .cn-intro p { margin: 0.3em 0; }
.singleEdit .cn-scene { margin: 0 0 1.8em; padding: 1em 1.2em; border: 1px dashed var(--cb-gold); border-radius: 10px; background: #fffdf7; }
.singleEdit .cn-scene-t { margin: 0 0 0.4em; font-weight: 700; color: var(--cb-gold); font-size: 0.95em; letter-spacing: 0.05em; }
.singleEdit .cn-scene p { margin: 0.3em 0; }
.singleEdit .cn-steps { counter-reset: cn; list-style: none; margin: 1.2em 0 1.6em; padding: 0; }
.singleEdit .cn-steps > li { position: relative; padding: 0.6em 0 0.6em 2.6em; border-bottom: 1px solid var(--cb-line); margin: 0; }
.singleEdit .cn-steps > li::before { counter-increment: cn; content: counter(cn) !important; position: absolute !important; left: 0 !important; top: 0.55em !important; width: 1.9em; height: 1.9em; border-radius: 50%; background: var(--cb-ink); color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; font-size: 0.9em; }
.singleEdit .cn-steps > li > strong:first-child { display: block; color: var(--cb-ink); }
.singleEdit .cn-check { list-style: none; margin: 1.2em 0 1.6em; padding: 0.9em 1em; border: 2px solid var(--cb-gold); border-radius: 10px; background: #fff; }
.singleEdit .cn-check > li { position: relative; padding-left: 1.8em; margin: 0.35em 0; }
.singleEdit .cn-check > li::before { content: "✓" !important; position: absolute !important; left: 0 !important; top: 0 !important; color: var(--cb-gold); font-weight: 700; }
.singleEdit .cn-memo { margin: 1.2em 0; padding: 0.8em 1em 0.8em 3.6em; position: relative; background: #f6f3ec; border-radius: 10px; }
.singleEdit .cn-memo::before { content: "MEMO"; position: absolute; left: 0.8em; top: 0.95em; font-size: 0.7em; font-weight: 700; color: var(--cb-gold); letter-spacing: 0.08em; }
.singleEdit .cn-memo p { margin: 0; }
.singleEdit .cn-voice { margin: 1.4em 0; padding: 1em 1.2em; border-left: 4px solid var(--cb-ink); background: #fff; }
.singleEdit .cn-voice-n { margin: 0 0 0.3em; font-size: 0.85em; font-weight: 700; color: var(--cb-ink); }
.singleEdit .cn-voice p { margin: 0.2em 0; }
.singleEdit .cn-faq { margin: 1.8em 0; padding: 1em 1.2em; border: 2px solid var(--cb-ink); border-radius: 10px; }
.singleEdit .cn-faq-t { margin: 0 0 0.6em; font-weight: 700; }
.singleEdit .cn-faq dl { margin: 0; }
.singleEdit .cn-faq dt { font-weight: 700; margin: 0.8em 0 0.2em; padding-left: 1.6em; position: relative; }
.singleEdit .cn-faq dt::before { content: "Q"; position: absolute; left: 0; top: 0.1em; width: 1.2em; height: 1.2em; border-radius: 50%; background: var(--cb-gold); color: #fff; font-size: 0.8em; display: flex; align-items: center; justify-content: center; }
.singleEdit .cn-faq dd { margin: 0 0 0.4em 1.6em; }
/* 2026-10-23b: 文字色をテーマに左右されないように */
.singleEdit .cn-intro p, .singleEdit .cn-scene p, .singleEdit .cn-memo p, .singleEdit .cn-voice p { color: var(--cb-ink); }
.singleEdit .cn-faq dd, .singleEdit .cn-faq dt { color: var(--cb-ink); }
.singleEdit .cn-faq dd a { color: inherit; text-decoration: underline; }