/* 売却価格シミュレーション（2026-10-07）：埋込み枠と、各ページからの入口カード */
.v3-guide-head.sim-head{margin-bottom:18px}
.v3-guide-head.sim-head h1{margin-bottom:12px}
.v3-guide-head.sim-head>p:not(.v3-kicker){margin-bottom:8px}
@media(max-width:600px){.v3-guide-head.sim-head h1{font-size:26px}.v3-guide-head.sim-head>p:not(.v3-kicker){font-size:15px;line-height:1.8}.v3-guide-head.sim-head small{font-size:12.5px}}
.sim-embed{width:100%;container-type:inline-size;container-name:jikka-simulator;margin:0 0 28px;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(18,55,40,.10)}
.sim-embed iframe{display:block;width:100%;height:960px;border:0;background:#f6f5ef}
@container jikka-simulator (max-width:600px){.sim-embed iframe{height:900px}}
.sim-note{font-size:14px;color:#4c6055;line-height:1.8;margin:-14px 0 30px}
.sim-steps{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sim-steps li{background:#fff;border:1px solid #d6dfd4;border-radius:8px;padding:16px 18px;font-size:15px;line-height:1.8}
.sim-steps b{display:block;font-size:13px;color:#a06e28;letter-spacing:.08em;margin-bottom:4px}
.sim-fact{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 8px}
.sim-fact div{background:#f3f5ef;border-left:3px solid #809876;padding:14px 18px;font-size:15px;line-height:1.8}
.sim-fact strong{display:block;color:#214B3C;margin-bottom:4px}
.sim-src{font-size:14px;line-height:1.9;color:#4c6055}
.sim-src table{border-collapse:collapse;width:100%;max-width:640px;margin:10px 0 14px;font-size:14px}
.sim-src th,.sim-src td{border-bottom:1px solid #d6dfd4;padding:7px 10px;text-align:left}
.sim-src th{background:#eef2ea;font-weight:700}
/* 入口カード（記事内） */
.sim-card{display:flex;align-items:center;gap:16px;margin:26px 0;padding:18px 20px;border:2px solid #214B3C;border-radius:12px;background:#f4f8ef;text-decoration:none;color:#1d2a24}
.sim-card:hover{background:#eaf2e5;color:#1d2a24}
.sim-card svg{flex:none;width:40px;height:40px;color:#214B3C}
.sim-card strong{display:block;font-size:17px;line-height:1.6}
.sim-card small{display:block;font-size:14px;color:#4c6055;margin-top:3px;line-height:1.7}
.sim-card>span:last-child{margin-left:auto;flex:none;font-weight:700;color:#214B3C}
@media(max-width:600px){
 .sim-steps{grid-template-columns:1fr;gap:10px}
 .sim-fact{grid-template-columns:1fr;gap:10px}
 .sim-card{gap:12px;padding:14px 14px}
 .sim-card strong{font-size:16px}
}

/* ---- 2026-10-07 14:53 Junさんの指摘で再設計 ---- */
/* このページだけ：スマホのヘッダーは1行のチップにして、最初の画面にツールを入れる */
.sim-page .v3-guide-head h1{word-break:keep-all;overflow-wrap:normal}
@media(max-width:780px){
 .sim-page .v3-header-inner{display:flex;flex-wrap:wrap;align-items:center;padding:10px 0 8px}
 .sim-page .v3-header nav{display:flex;flex-wrap:nowrap;gap:6px;width:100%;margin:8px 0 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
 .sim-page .v3-header nav::-webkit-scrollbar{display:none}
 .sim-page .v3-header nav a,.sim-page .v3-header nav a:last-child{flex:none;min-height:32px;padding:4px 12px;font-size:13px;line-height:1.5;border-radius:999px;background:#eef2ea;color:#214B3C;white-space:nowrap}
 .sim-page .v3-guide{padding-top:12px}
 .sim-page .v3-guide-head>a{display:none}
 .sim-page .v3-guide-head.sim-head{margin-bottom:12px}
 .sim-page .v3-guide-head.sim-head .v3-kicker{margin-bottom:6px;font-size:12.5px}
 .sim-page .v3-guide-head.sim-head h1{font-size:23px;line-height:1.45;margin-bottom:8px}
 .sim-page .v3-guide-head.sim-head>p:not(.v3-kicker){font-size:14px;line-height:1.7;margin-bottom:4px}
 .sim-page .v3-guide-head.sim-head small{font-size:12px;line-height:1.6;display:block}
}
/* 出典と精度 */
.sim-meta{margin:0 0 22px;padding:0;display:grid;gap:0;border-top:1px solid #d6dfd4}
.sim-meta>div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #d6dfd4;font-size:14.5px;line-height:1.8}
.sim-meta dt{font-weight:700;color:#214B3C;margin:0}
.sim-meta dd{margin:0}
.sim-meta b{color:#1d2a24}
.sim-h3{font-size:17px;margin:0 0 6px;color:#214B3C}
.sim-acc{list-style:none;margin:12px 0 14px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sim-acc li{background:#fff;border:1px solid #d6dfd4;border-top:3px solid #809876;border-radius:8px;padding:14px 16px;display:grid;gap:4px}
.sim-acc-t{font-weight:700;font-size:15px;color:#214B3C}
.sim-acc-n b{font-size:30px;line-height:1.1;letter-spacing:-.02em;color:#1d2a24;font-variant-numeric:tabular-nums}
.sim-acc-n small{display:block;font-size:12px;color:#4c6055}
.sim-acc-w{font-size:14px;color:#1d2a24}
.sim-acc-w b{font-size:16px}
.sim-acc-c{font-size:12px;color:#4c6055}
.sim-src-note{font-size:14.5px;line-height:1.8;color:#4c6055}
.sim-src-note b{color:#1d2a24}
@media(max-width:780px){
 .sim-meta>div{grid-template-columns:72px 1fr;gap:10px;font-size:14px}
 .sim-acc{grid-template-columns:1fr 1fr;gap:10px}
 .sim-acc li{padding:12px 12px}
 .sim-acc-n b{font-size:26px}
 .sim-src p{font-size:14.5px;line-height:1.8}
}
@media(max-width:380px){.sim-acc{grid-template-columns:1fr}}
/* よくある質問 */
.sim-faq{display:grid;gap:10px}
.sim-q{background:#fff;border:1px solid #d6dfd4;border-radius:10px;overflow:hidden}
.sim-q summary{display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;list-style:none;font-weight:700;font-size:16px;line-height:1.6;color:#1d2a24}
.sim-q summary::-webkit-details-marker{display:none}
.sim-q-mark,.sim-a-mark{flex:none;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 14px/1 "Noto Sans JP",sans-serif}
.sim-q-mark{background:#214B3C;color:#fff}
.sim-a-mark{background:#f0dcb3;color:#5a3f13;margin-top:2px}
.sim-q-ic{margin-left:auto;flex:none;width:22px;height:22px;position:relative}
.sim-q-ic::before,.sim-q-ic::after{content:'';position:absolute;left:5px;top:10px;width:12px;height:2px;background:#214B3C;border-radius:1px;transition:transform .2s}
.sim-q-ic::after{transform:rotate(90deg)}
.sim-q[open] .sim-q-ic::after{transform:rotate(0)}
.sim-q[open] summary{border-bottom:1px solid #e3e9df;background:#f6f8f3}
.sim-a{display:flex;gap:12px;padding:14px 18px 16px}
.sim-a p{margin:0;font-size:15px;line-height:1.85;color:#2f3d36}
.sim-a b{color:#1d2a24}
@media(max-width:780px){
 .sim-q summary{padding:13px 14px;font-size:15px;gap:10px}
 .sim-a{padding:12px 14px 14px;gap:10px}
 .sim-a p{font-size:14.5px}
}