/* 家具の配置シミュレーター：レイアウト例のページ（tools/kagu-haichi/<key>/、scripts/pages/kagu-haichi.js が作る）の見た目 */
.khp-fig{margin:14px 0 0;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.khp-svg{display:block;width:100%;max-width:440px;height:auto;margin:0 auto}
.khp-floor{fill:var(--surface-2)}
.khp-move{fill:var(--accent);fill-opacity:.16}
.khp-wall{fill:none;stroke:var(--text);stroke-width:4}
.khp-item{fill:var(--surface);stroke:var(--text);stroke-width:1.5}
.khp-flat{fill:none;stroke:var(--muted);stroke-width:1.2;stroke-dasharray:5 4}
.khp-up{fill:none;stroke:var(--accent-ink);stroke-width:1.2;stroke-dasharray:3 3}
.khp-t{fill:var(--text);text-anchor:middle;dominant-baseline:central;font-weight:700}
.khp-tf{fill:var(--muted);font-weight:400}
.khp-ts{font-weight:400;fill:var(--muted)}
.khp-dim{font-weight:400;fill:var(--muted)}
.khp-gap{stroke:var(--surface-2);stroke-width:6}
.khp-door{fill:none;stroke:var(--muted);stroke-width:1.2}
.khp-win{stroke:var(--accent-ink);stroke-width:6}
.khp-out{fill:var(--shu)}
.khp-fig figcaption{font-size:.8rem;color:var(--muted);margin-top:8px;line-height:1.7}
.khp-key{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:4px}
.khp-key-move{background:var(--accent);opacity:.35}
.khp-key-out{background:var(--shu);border-radius:50%}
.khp-key-win{background:var(--accent-ink);height:5px;vertical-align:2px}
.khp-cta{margin:14px 0 4px;text-align:center}
.khp-cta .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.khp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:14px 0 0}
.khp-stat{border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:var(--surface)}
.khp-stat span{display:block;font-size:.78rem;color:var(--muted);font-weight:700}
.khp-stat strong{display:block;font-size:1.15rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.khp-stat small{display:block;font-size:.74rem;color:var(--muted)}
.khp-table{width:100%;border-collapse:collapse;font-size:.92rem;font-variant-numeric:tabular-nums;margin-top:8px}
.khp-table th,.khp-table td{border-bottom:1px solid var(--border);padding:6px 8px;text-align:left}
.khp-table thead th{font-size:.8rem;color:var(--muted)}
.khp-table th[scope=row]{min-width:7em}
.khp-table td:nth-child(2){white-space:nowrap}
.khp-tips{margin:8px 0 0;padding:12px 14px 12px 32px;border:1px solid var(--border);border-radius:14px;font-size:.95rem}
.khp-tips li{margin:4px 0;max-width:none}
.khp-sibs{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.khp-sibs li{max-width:none}
.khp-sibs a{display:inline-block;padding:4px 14px;border:1px solid var(--border-strong);border-radius:999px;text-decoration:none;font-size:.9rem;color:var(--text)}
.khp-sibs a:hover{border-color:var(--text)}