/* マネードクター本音レビュー（/md-honne/）: 講義LPと同じ生成り＋白カード。MDボタン・固定バーは 1000man-steps.css の .lp-* を使う */
body:has(.mdh-page) { background:#fbf7ef; color:#2b2521; }
body:has(.mdh-page) .oc-bottom-nav { display:none; }
body:has(.mdh-page) .money-header { position:relative; }
.mdh-page { font-size:16px; line-height:1.8; }
.mdh-page * { box-sizing:border-box; }
.mdh-page :focus-visible { outline:3px solid #114a3f; outline-offset:4px; }

.mdh-hero { padding:24px 20px 4px; }
.mdh-hero__inner { max-width:680px; margin:auto; }
.mdh-kicker { display:flex; align-items:center; gap:8px; margin:0 0 8px; color:#114a3f; font-size:14px; font-weight:700; line-height:1.5; }
.mdh-kicker .lp-pr { color:#114a3f; }
.mdh-hero h1 { font-family:'Zen Kaku Gothic New','Noto Sans JP',sans-serif; font-size:clamp(23px,6vw,34px); font-weight:900; line-height:1.5; margin:0; color:#2b2521; text-wrap:balance; }

.mdh-body { max-width:720px; margin:0 auto; padding:14px 12px 56px; }
.mdh-card { background:#fff; border:1px solid #d9dfd9; border-radius:16px; padding:20px 16px 24px; }
.mdh-page .mdh-card > :last-child { margin-bottom:0; }
.mdh-page .post_content p { margin:0 0 18px; line-height:1.85; }
.mdh-page .post_content h2 { font-family:'Zen Kaku Gothic New','Noto Sans JP',sans-serif; font-size:clamp(19px,5vw,24px); line-height:1.5; font-weight:900; color:#114a3f; background:none; border:0; border-left:3px solid #114a3f; box-shadow:none; padding:0 0 0 12px; margin:40px 0 16px; }
.mdh-page .post_content h3 { color:#2b2521; font-size:17px; font-weight:700; line-height:1.6; margin:28px 0 12px; padding:0 0 6px; border:0; border-bottom:2px solid #eef3ee; background:none; }
.mdh-page .post_content h2::before, .mdh-page .post_content h2::after,
.mdh-page .post_content h3::before, .mdh-page .post_content h3::after { display:none; }
.mdh-page .post_content .wp-block-table { margin:0 0 20px; }
.mdh-page .post_content .lp-consultation-photo { margin:0 0 20px; }
.mdh-page .post_content .lp-consultation-photo img { border-radius:12px; }

/* 冒頭：PR表記と「先に結論」 */
.mdh-page .post_content .mdh-disclosure { font-size:12px; line-height:1.7; color:#58645d; margin:0 0 14px; }
.mdh-summary { background:#f4f8f4; border:1px solid #cfdcd2; border-radius:14px; padding:16px 14px 6px; margin:0 0 18px; }
.mdh-page .post_content .mdh-summary-title { margin:0 0 8px; color:#114a3f; font-weight:900; font-size:16px; }
.mdh-page .post_content ul.mdh-summary-list { list-style:none; padding:0; margin:0; }
.mdh-page .post_content ul.mdh-summary-list li { padding:10px 0; border-top:1px solid #dbe5dd; font-size:15px; line-height:1.7; margin:0; }
.mdh-page .post_content ul.mdh-summary-list li:first-child { border-top:0; padding-top:2px; }
.mdh-summary-list strong { color:#114a3f; font-size:14px; }
.mdh-page .post_content .lp-md-slot { margin:0 0 8px; }

/* 相談の流れ（番号つき） */
.mdh-page .post_content ol.mdh-flow { list-style:none; counter-reset:mdhflow; padding:0; margin:0 0 18px; display:grid; gap:8px; }
.mdh-page .post_content ol.mdh-flow li { position:relative; counter-increment:mdhflow; border:1px solid #e3e6df; border-radius:12px; padding:12px 14px 12px 52px; font-size:15px; line-height:1.6; margin:0; }
.mdh-page .post_content ol.mdh-flow li::before { content:counter(mdhflow); position:absolute; left:12px; top:10px; width:28px; height:28px; border-radius:50%; background:#114a3f; color:#fff; font-weight:700; font-size:13px; display:flex; align-items:center; justify-content:center; }

/* 比較表：1列目（相談先）を強調・3回目の行を目立たせる */
.mdh-page .post_content .mdh-compare th, .mdh-page .post_content .mdh-compare td { font-size:14px; line-height:1.6; }
.mdh-page .post_content .mdh-compare tbody tr:last-child th, .mdh-page .post_content .mdh-compare tbody tr:last-child td { background:#fff8e6; font-weight:700; }

/* MDボタン直下のメモ・締めのCTA */
.mdh-page .post_content .lp-md-note { position:relative; margin:10px 0 18px; padding:10px 12px 10px 34px; font-size:13px; line-height:1.7; color:#52605a; background:#f4f8f4; border-radius:10px; }
.mdh-page .post_content .lp-md-note::before { content:'→'; position:absolute; left:12px; top:9px; color:#114a3f; font-weight:700; }
.mdh-page .post_content .lp-cta-panel { margin:32px 0 0; background:#fbf7ef; }
.mdh-page .post_content .lp-cta-panel .mdh-cta-lead { font-size:15px; margin:0 0 14px; }
.mdh-page .post_content .lp-cta-panel .lp-md-note { margin-bottom:0; background:#fff; }

@media (min-width:800px) {
	.mdh-hero { padding:48px 20px 8px; }
	.mdh-body { padding:20px 20px 72px; }
	.mdh-card { padding:36px 40px 36px; }
	.mdh-summary { padding:20px 22px 8px; }
}

/* 比較表（3列）はスマホでも横スクロールさせずに収める */
.mdh-page .post_content .mdh-compare table { table-layout:fixed; width:100%; }
.mdh-page .post_content .mdh-compare th:first-child { width:32%; }
.mdh-page .post_content .mdh-compare thead th:last-child, .mdh-page .post_content .mdh-compare td:last-child { width:26%; }
@media (max-width:599px) { .mdh-page .post_content .mdh-compare th, .mdh-page .post_content .mdh-compare td { font-size:13px; padding:8px 6px; } }

/* 解約で出た損失（4列）：比較表の「最終行を強調」は外し、差額の列だけ目立たせる */
.mdh-page .post_content .mdh-loss tbody tr:last-child th { background:#f8f8f8; font-weight:700; }
.mdh-page .post_content .mdh-loss tbody tr:last-child td { background:#fff; font-weight:400; }
.mdh-page .post_content .mdh-loss tbody tr:last-child td:last-child { font-weight:700; }
.mdh-page .post_content .mdh-loss th:first-child { width:36%; }
.mdh-page .post_content .mdh-loss thead th:last-child, .mdh-page .post_content .mdh-loss td:last-child { width:24%; }
.mdh-page .post_content .mdh-loss td:last-child { color:#b3261e; font-weight:700; }
.mdh-page .post_content .mdh-loss tfoot th, .mdh-page .post_content .mdh-loss tfoot td { background:#fff8e6; font-weight:700; border-top:2px solid #1f7a66; }
.mdh-page .post_content .mdh-loss tfoot td:last-child { color:#b3261e; }
@media (max-width:599px) { .mdh-page .post_content .mdh-loss th, .mdh-page .post_content .mdh-loss td { padding:8px 5px; } .mdh-page .post_content .mdh-loss td { white-space:nowrap; } }

/* タイトル・キッカーは意味の切れ目でだけ折る（語の途中で改行しない・2026-09-28） */
.mdh-nb { display:inline-block; }
.mdh-hero h1 { word-break:auto-phrase; }
@media (max-width:599px) { .mdh-hero h1 { font-size:clamp(19px,5.4vw,23px); } }