/* =========================================================================
   資金繰り総研 記事本文 移設用CSS（.shk-mig ラッパー限定スコープ）
   - 元 style.css の本文クラス(lead〜source)のみを抽出し全セレクタに .shk-mig を前置
   - --accent / --accent-deep / --accent-soft は親 .art から継承（定義しない）
   - 既存WP記事に影響させないためのスコープ隔離
   ========================================================================= */

.shk-mig{
  --ink:#1B1712; --ink-2:#3C362E; --muted:#6E665A; --faint:#9B9384;
  --paper:#FAF8F3; --surface:#F2EDE3; --surface-2:#ECE5D8; --card:#FFFFFF;
  --line:#E4DCCD; --line-2:#EFE9DD;
  --radius:11px; --radius-m:9px; --radius-s:7px;
  --sans:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --serif:"Shippori Mincho","Noto Serif JP",serif;
}

/* ===== SVGアイコン共通 ===== */
.shk-mig .ico{stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ===== pointbox（要点ボックス）===== */
.shk-mig .pointbox{background:linear-gradient(118deg,var(--accent-soft),#fff 70%);border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-left:3px solid var(--accent);border-radius:12px;padding:26px 30px;margin:34px 0;box-shadow:0 1px 2px rgba(18,26,38,.03),0 14px 30px -26px rgba(18,26,38,.2)}
.shk-mig .pointbox h4{font-family:var(--serif);font-size:16px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:9px}
.shk-mig .pointbox ul{list-style:none;margin-top:13px;display:flex;flex-direction:column;gap:10px}
.shk-mig .pointbox ul li{font-size:17px;line-height:1.7;padding-left:24px;position:relative;color:var(--ink-2)}
.shk-mig .pointbox ul li .ico{position:absolute;left:0;top:4px;width:16px;height:16px;color:var(--accent);stroke-width:2.4}

/* ===== toc（目次）===== */
.shk-mig .toc{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:24px 28px;margin:34px 0 38px}
.shk-mig .toc b{font-family:var(--serif);font-size:14.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:9px}
.shk-mig .toc ol{margin:14px 0 0 0;padding-left:18px;display:flex;flex-direction:column;gap:9px}
.shk-mig .toc ol li{font-size:14.5px}
.shk-mig .toc ol li a{color:var(--ink-2)}
.shk-mig .toc ol li a:hover{color:var(--accent)}

/* ===== prose（本文）===== */
.shk-mig .prose{font-size:20px;line-height:2.15;color:var(--ink-2)}
.shk-mig .prose h2{font-family:var(--serif);font-size:26px;font-weight:800;color:var(--ink);margin:42px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line);letter-spacing:.015em}
.shk-mig .prose h3{font-family:var(--serif);font-size:21px;font-weight:700;color:var(--ink);margin:28px 0 11px}
.shk-mig .prose p{margin:16px 0}
.shk-mig .prose ul,.shk-mig .prose ol{margin:16px 0 16px 22px;display:flex;flex-direction:column;gap:11px}
.shk-mig .prose .imgph{width:100%;height:220px;border-radius:9px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;margin:20px 0;color:rgba(27,23,18,.2)}
.shk-mig .prose .cap{font-size:13px;color:var(--faint);text-align:center;margin-top:-10px}
.shk-mig .prose .cmp + .cap{margin-top:18px;margin-bottom:6px;text-align:left;font-size:14px;line-height:1.85;color:var(--muted)}
.shk-mig .prose blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);padding:16px 22px;border-radius:0 8px 8px 0;margin:20px 0;color:var(--ink-2);font-family:var(--serif);font-size:17px}

/* ===== source（出典）===== */
.shk-mig .source{font-size:14px;color:var(--muted);border-top:1px solid var(--line);margin-top:32px;padding-top:18px}

/* ===== cmp（比較表）===== */
.shk-mig .cmp{width:100%;border-collapse:separate;border-spacing:0;margin-top:8px;font-size:16px;background:var(--card);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.shk-mig .cmp th,.shk-mig .cmp td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line-2)}
.shk-mig .cmp thead th{font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink);background:var(--paper)}
.shk-mig .cmp tbody tr:last-child td{border-bottom:0}
.shk-mig .cmp .hi{font-weight:700;color:var(--ink);background:color-mix(in srgb,var(--accent) 5%,#fff)}
.shk-mig .tick{color:var(--accent);font-weight:800}
.shk-mig .cross{color:#B23A2E;font-weight:700}

/* ===== faq / qa（Q&A）===== */
.shk-mig .faq{display:flex;flex-direction:column;gap:0;max-width:840px;margin:0 auto;border-top:1px solid var(--line)}
.shk-mig .qa{border-bottom:1px solid var(--line);background:transparent}
.shk-mig .qa summary{padding:20px 6px;font-weight:700;font-size:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;list-style:none;color:var(--ink)}
.shk-mig .qa summary::-webkit-details-marker{display:none}
.shk-mig .qa summary .q{display:flex;gap:12px;font-family:var(--serif)}
.shk-mig .qa summary .q::before{content:"Q.";color:var(--accent);font-weight:800;flex:none}
.shk-mig .qa .plus{width:18px;height:18px;flex:none;position:relative;transition:.25s}
.shk-mig .qa[open] .plus{transform:rotate(45deg)}
.shk-mig .qa .plus::before,.shk-mig .qa .plus::after{content:"";position:absolute;background:var(--muted)}
.shk-mig .qa .plus::before{left:50%;top:1px;width:1.5px;height:16px;transform:translateX(-50%)}
.shk-mig .qa .plus::after{top:50%;left:1px;height:1.5px;width:16px;transform:translateY(-50%)}
.shk-mig .qa .a{padding:0 6px 22px 28px;color:var(--ink-2);font-size:14.5px}

/* ===== proscons / pc（メリット・デメリット）===== */
.shk-mig .proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.shk-mig .pc{border:1px solid var(--line);border-radius:13px;padding:22px 24px;background:var(--card)}
.shk-mig .pc.pro{border-color:#BCE3CE;background:linear-gradient(180deg,var(--accent-soft),#fff)}
.shk-mig .pc.con{border-color:#EAD7C7;background:linear-gradient(180deg,#FBF1E8,#fff)}
.shk-mig .pc h4{font-family:var(--serif);font-size:17px;font-weight:800;display:flex;align-items:center;gap:8px;color:var(--ink)}
.shk-mig .pc.pro h4{color:var(--accent-deep)}
.shk-mig .pc.con h4{color:#B4541E}
.shk-mig .pc ul{list-style:none;margin-top:13px;display:flex;flex-direction:column;gap:10px}
.shk-mig .pc ul li{font-size:14px;color:var(--ink-2);padding-left:24px;position:relative;line-height:1.6}
.shk-mig .pc ul li::before{position:absolute;left:0;top:0;font-weight:800}
.shk-mig .pc.pro ul li::before{content:"○";color:var(--accent)}
.shk-mig .pc.con ul li::before{content:"△";color:#C99A2E}

/* ===== quality polish（本文該当分のみ抽出）===== */
.shk-mig .cmp td{font-variant-numeric:tabular-nums}
.shk-mig .pc{box-shadow:0 1px 2px rgba(18,26,38,.03),0 12px 28px -20px rgba(18,26,38,.24)}
.shk-mig .qa{transition:all .2s cubic-bezier(.2,.7,.2,1)}

/* ===== 記事の視認性アップ（2026-06-18）===== */
.shk-mig .prose h2{padding-left:18px;border-left:5px solid var(--accent)}
.shk-mig .prose h3{padding-left:13px;border-left:3px solid var(--accent-soft)}
.shk-mig .prose ul li{list-style:none;position:relative}
.shk-mig .prose ul li::before{content:"";position:absolute;left:-17px;top:.78em;width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.6}
.shk-mig .prose ol{counter-reset:pol}
.shk-mig .cmp tbody tr:nth-child(even) td{background:rgba(0,0,0,.022)}
.shk-mig .prose>p:first-of-type{font-size:21px;color:var(--ink)}

/* ===== responsive（本文該当分のみ抽出）===== */
@media(max-width:920px){
  .shk-mig .proscons{grid-template-columns:1fr}
}

/* 移設記事の比較表：モバイルで横スクロール（列の見切れ防止） */
@media(max-width:700px){
  .shk-mig .cmp{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .shk-mig .cmp td,.shk-mig .cmp th{white-space:normal;min-width:120px}
  .shk-mig .cmp td.hi{min-width:96px}
}

/* 可読性: 移設本文の太字は黄色マーカーを解除（太字ウェイトは維持） */
.shk-mig b, .shk-mig strong { background:none !important; background-image:none !important; box-shadow:none !important; padding:0 !important; }
/* pointboxを軽く（影を弱め・余白調整） */
.shk-mig .pointbox { box-shadow:0 1px 2px rgba(18,26,38,.03) !important; }

/* Rich TOC(rtoc)を軽い白基調に（濃紺プリセット上書き・全single記事） */
.rtoc-mokuji-content.frame5{background:#fbfaf7 !important;border:1px solid #ece7db !important;box-shadow:0 6px 18px rgba(23,52,110,.05) !important;border-radius:12px !important;color:#2a2620 !important}
.rtoc-mokuji-content.frame5 .rtoc_left,.rtoc-mokuji-content.frame5 .rtoc_open_close,.rtoc-mokuji-content.frame5 .rtoc_open_close *{background:transparent !important;color:#1b1712 !important;fill:#1b1712 !important}
.rtoc-mokuji-content.frame5 .rtoc-item a{color:#3c362e !important;text-decoration:none}
.rtoc-mokuji-content.frame5 .rtoc-item a:hover{color:var(--accent,#1f9e86) !important}
.rtoc-mokuji-content.frame5 .rtoc-mokuji{border-color:#ece7db !important}

/* TOC見出しバーも軽く（濃色/グラデの候補を広く上書き） */
.rtoc-mokuji-content.frame5 .rtoc_left,
.rtoc-mokuji-content.frame5 > *:first-child,
.rtoc-mokuji-content.frame5 [class*="title"],
.rtoc-mokuji-content.frame5 .rtoc_open_close{background:#f4efe6 !important;background-image:none !important;color:#1b1712 !important;border:none !important}
.rtoc-mokuji-content.frame5 .rtoc_left *,
.rtoc-mokuji-content.frame5 [class*="title"] *{color:#1b1712 !important;fill:#1b1712 !important}

/* === 読みやすさ: 本文フォント・余白を拡大 === */
.shk-mig .prose{font-size:21px !important;line-height:2.2 !important}
.shk-mig .prose p{margin:22px 0 !important}
.shk-mig .prose h2{font-size:28px !important;margin:54px 0 20px !important;padding-bottom:14px !important}
.shk-mig .prose h3{font-size:22px !important;margin:36px 0 12px !important}
.shk-mig .prose ul,.shk-mig .prose ol{font-size:20px !important;line-height:2.05 !important;margin:20px 0 !important}
.shk-mig .prose li{margin:11px 0 !important}
.shk-mig .lead{font-size:19px !important;line-height:2 !important;margin-bottom:28px !important}
.shk-mig .pointbox{padding:30px 34px !important;margin:36px 0 !important}
.shk-mig .pointbox h4{font-size:17px !important}
.shk-mig .pointbox li{font-size:17px !important;line-height:1.9 !important}
.shk-mig .cmp{font-size:16.5px !important}
.shk-mig .cmp th,.shk-mig .cmp td{padding:16px 18px !important}
.shk-mig .qa summary{font-size:18px !important;padding:24px 0 !important}
.shk-mig .qa .a{font-size:16.5px !important;line-height:1.95 !important;padding-bottom:24px !important}
.shk-mig .source{font-size:14px !important;line-height:1.9 !important}

/* === FAQ 全記事統一：移設記事(.qa)を soken-faq 形式に合わせる === */
.shk-mig .faq{display:flex !important;flex-direction:column !important;gap:.6rem !important;max-width:840px;margin:40px auto !important;border-top:0 !important}
.shk-mig .qa{border:1px solid #e2e8f0 !important;border-radius:10px !important;background:#f8fafc !important;overflow:hidden !important;box-shadow:none !important;padding:0 !important;margin:0 !important;transition:all .2s ease}
.shk-mig .qa summary{display:flex !important;align-items:flex-start !important;justify-content:flex-start !important;gap:.75rem !important;padding:1rem 1.15rem !important;cursor:pointer;list-style:none;color:#0f172a !important;font-weight:600 !important;font-size:17px !important;line-height:1.55 !important}
.shk-mig .qa summary::-webkit-details-marker{display:none}
.shk-mig .qa summary .q{flex:1 !important;display:block !important;gap:0 !important;font-family:inherit !important;font-weight:600 !important;background:none !important;padding:0 !important}
.shk-mig .qa summary .q::before{content:"Q";flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#1e6b4a;color:#fff;border-radius:50%;font-weight:700;font-size:.82em;margin:1px .6rem 0 0;float:left}
.shk-mig .qa .plus{width:24px !important;height:24px !important;flex:none;position:relative;transition:.25s;margin-top:2px}
.shk-mig .qa .plus::before,.shk-mig .qa .plus::after{content:"";position:absolute;background:#64748b}
.shk-mig .qa .plus::before{left:50%;top:4px;width:2px;height:16px;transform:translateX(-50%)}
.shk-mig .qa .plus::after{top:50%;left:4px;height:2px;width:16px;transform:translateY(-50%)}
.shk-mig .qa[open] .plus{transform:rotate(45deg)}
.shk-mig .qa[open] .plus::before,.shk-mig .qa[open] .plus::after{background:#5cc99a}
.shk-mig .qa .a{display:flex !important;align-items:flex-start !important;gap:.75rem !important;padding:.9rem 1.15rem 1.05rem !important;background:#fffbeb !important;border-top:1px solid #a7e8c8 !important;color:#1f2937 !important;line-height:1.75 !important;font-size:16px !important}
.shk-mig .qa .a::before{content:"A";flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#1e6b4a;color:#fff;border-radius:50%;font-weight:700;font-size:.82em;margin-top:1px}
/* soken-faq に合わせて左アクセントバー＋開時の白背景/影 */
.shk-mig .qa{border-left:4px solid #1e6b4a !important}
.shk-mig .qa[open]{background:#fff !important;border-color:#cbd5e1 !important;border-left-color:#1e6b4a !important;box-shadow:0 2px 6px rgba(0,0,0,.06) !important}

/* === FAQ: 白背景をやめてクリーム地に馴染ませる（移設・soken 両方）=== */
/* 移設記事 .qa */
.shk-mig .qa{background:transparent !important;border-color:#e5e0d4 !important;border-left-color:#1e6b4a !important}
.shk-mig .qa[open]{background:transparent !important;border-color:#d8d2c4 !important;border-left-color:#1e6b4a !important;box-shadow:none !important}
.shk-mig .qa .a{background:#fbf7ea !important;border-top-color:#e8dfc4 !important}
/* ファクタリング記事 soken-faq */
.soken-faq__item{background:transparent !important;border-color:#e5e0d4 !important}
.soken-faq__item[open]{background:transparent !important;border-color:#d8d2c4 !important;box-shadow:none !important}
.soken-faq__a{background:#fbf7ea !important;border-top-color:#e8dfc4 !important}
/* グローバル .faq{background:#fff;padding:80px} の白大枠を打ち消す */
.shk-mig .faq{background:transparent !important;padding:0 !important;border-radius:0 !important;box-shadow:none !important}
/* soken-faq セクションの白大枠も撤去（移設FAQと同じくクリーム地に馴染ませる）*/
.soken-faq{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:2.5rem 0 !important}
.soken-faq__title{border-bottom-color:#1e6b4a !important}

/* === FAQ 完全統一：バッジ非表示・バー緑統一・見出し統一 === */
/* 1) soken バッジ非表示 */
.soken-faq__badge{display:none !important}
/* 2) 左バーを全部グリーンに統一（オレンジ等を撤去）*/
.soken-faq__item.is-popular,.soken-faq__item.is-tip,.soken-faq__item.is-warn{border-left-color:#1e6b4a !important}
/* 3) FAQ見出しをグリーン基調で統一（移設h2#faq と soken__title を同じ見た目に）*/
.shk-mig h2#faq{border-left-color:#1e6b4a !important}
.soken-faq__title{font-family:"Shippori Mincho","Noto Serif JP",serif !important;font-size:26px !important;font-weight:800 !important;color:#1a1a1a !important;padding:2px 0 12px 16px !important;border-left:5px solid #1e6b4a !important;border-bottom:1px solid #e2dfd5 !important;margin:0 0 20px !important;line-height:1.4 !important}
