/* assets/why-this.css — 「これを選ぶ理由」ブロックとカードのひとこと
   既存の配色（--ink / --accent / --cream / --line）に合わせ、目立たせすぎず読ませる。 */
.prelude-why{margin:18px 0 20px;padding:18px 18px 16px;background:#fffdfa;border:1px solid var(--line,#e7dbd3);border-left:3px solid var(--accent,#a77f77);border-radius:4px}
.prelude-why .pw-k{display:block;font:600 10.5px/1.2 var(--sans,system-ui,sans-serif);letter-spacing:.16em;color:var(--accent,#a77f77);margin-bottom:8px}
.prelude-why .pw-hook{font-family:var(--jp,"Shippori Mincho",serif);font-size:clamp(19px,2.2vw,23px);line-height:1.5;font-weight:600;color:var(--ink,#493b34);margin:0 0 12px;letter-spacing:.01em}
.prelude-why .pw-points{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.prelude-why .pw-points li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.65;color:var(--ink,#493b34)}
.prelude-why .pw-points li:before{content:"";position:absolute;left:2px;top:.42em;width:14px;height:14px;border-radius:50%;background:var(--accent,#a77f77)}
.prelude-why .pw-points li:after{content:"";position:absolute;left:6.5px;top:calc(.42em + 3.5px);width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.prelude-why .pw-scene{margin:0;padding-top:11px;border-top:1px dashed var(--line,#e7dbd3);font-size:14px;line-height:1.7;color:var(--ink2,#735f56)}
.prelude-why .pw-scene b{display:inline-block;margin-right:8px;font:600 11px/1 var(--sans,system-ui,sans-serif);letter-spacing:.08em;color:#fff;background:var(--accent,#a77f77);padding:5px 7px;border-radius:2px;vertical-align:2px}
.prelude-why .pw-buy{display:flex;align-items:center;justify-content:center;margin-top:14px;min-height:50px;border-radius:999px;background:#75535f;color:#fff!important;font:600 15.5px/1.2 var(--sans,system-ui,sans-serif);letter-spacing:.04em;text-decoration:none!important}
.prelude-why .pw-buy:hover,.prelude-why .pw-buy:focus-visible{background:#62424e}
.prelude-why .pw-pr{display:block;margin-top:7px;text-align:center;font-size:11.5px;color:var(--muted,#82756e)}
/* カタログカード：商品ごとの「これじゃなきゃ」のひとこと */
.prelude-card-hook{margin:6px 0 10px;font-family:var(--jp,"Shippori Mincho",serif);font-size:14px;line-height:1.55;font-weight:600;color:var(--ink,#493b34)}
@media(max-width:760px){.prelude-why{padding:16px 15px 14px}.prelude-why .pw-points li{font-size:14px}.prelude-card-hook{font-size:13.5px}}
/* ---- 購入をためらわせない：価格の目安・安心ポイント・よくある迷い ---- */
.prelude-why .pw-price{margin:12px 0 0;padding:10px 12px;background:var(--cream,#faf7f3);border-radius:3px;font-size:14px;line-height:1.55;color:var(--ink,#493b34)}
.prelude-why .pw-price b{display:block;font:600 10.5px/1.2 var(--sans,system-ui,sans-serif);letter-spacing:.12em;color:var(--accent,#a77f77);margin-bottom:3px}
.prelude-why .pw-price small{display:block;margin-top:2px;font-size:11.5px;color:var(--muted,#82756e)}
.pw-assure{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.pw-assure li{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #d9c3bd;border-radius:999px;background:#fff;font-size:12.5px;line-height:1.3;color:#6b4f55}
.pw-assure li:before{content:"✓";font-weight:700;color:var(--accent,#a77f77)}
.prelude-faq{margin:0 0 20px;border:1px solid var(--line,#e7dbd3);border-radius:4px;background:#fffdfa}
.prelude-faq>summary{cursor:pointer;list-style:none;padding:14px 16px;font-size:14.5px;font-weight:600;color:var(--ink,#493b34)}
.prelude-faq>summary::-webkit-details-marker{display:none}
.prelude-faq>summary:after{content:"＋";float:right;color:var(--accent,#a77f77)}
.prelude-faq[open]>summary:after{content:"−"}
.prelude-faq dl{margin:0;padding:0 16px 14px}
.prelude-faq dt{margin-top:10px;font-size:13.5px;font-weight:600;color:var(--ink,#493b34)}
.prelude-faq dt:before{content:"Q. ";color:var(--accent,#a77f77)}
.prelude-faq dd{margin:4px 0 0;font-size:13.5px;line-height:1.7;color:var(--ink2,#735f56)}
.prelude-card-assure{margin:-4px 0 8px}
.prelude-card-assure li{font-size:11.5px;padding:3px 8px}
/* 悩み別ページ：迷ったらまずこれ */
.select-card.is-first-pick{border-color:var(--accent,#a77f77);box-shadow:0 0 0 1px var(--accent,#a77f77) inset}
.first-pick-badge{display:block;margin:0 -18px;padding:8px 18px;background:#75535f;color:#fff;font-size:12.5px;line-height:1.5;letter-spacing:.02em}
.first-pick-badge b{display:block;font-size:10.5px;letter-spacing:.14em;opacity:.85;font-weight:600}
.select-text>.first-pick-badge{color:#fff;font-size:12.5px;letter-spacing:.02em;line-height:1.55}
.select-text>.first-pick-badge b{color:#f3dfe3}