/* 情境分享卡（SPEC-scenario-share-card）。外框與按鈕沿用情境頁既有變數；圖卡本身是 og/ 下的 PNG/WebP。 */
.scenario{padding:0 0 70px}
.scenario-card{background:#fff;border:1px solid var(--line, #d6e5f0);border-radius:28px;overflow:hidden}
.scenario-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 28px;border-bottom:1px solid var(--line, #d6e5f0)}
.scenario-head h3{margin:0;font-size:1.15rem;font-weight:800}
.share-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.share-hint{color:var(--muted, #668196);font-size:.85rem;margin-right:4px}
.share-btns a{display:inline-flex;align-items:center;gap:8px;min-height:42px;text-decoration:none;color:var(--ink, #17324d);font-size:.95rem;font-weight:700;border:1px solid var(--line, #d6e5f0);border-radius:999px;padding:8px 16px;background:#fff;transition:border-color .15s}
.share-btns a:hover{border-color:var(--brand, #4389c5);color:var(--brand-dark, #28649b)}
.share-btns a:focus-visible{outline:3px solid #91c9ed;outline-offset:2px}
.share-btns svg{width:18px;height:18px}
.scenario-body{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:44px;padding:30px 28px 34px;align-items:center}
.scenario-body figure{margin:0;border-radius:18px;overflow:hidden;background:#D9E3D6}
.scenario-body img{display:block;width:100%;height:auto;max-width:100%}
.summary p{margin:0;font-size:1.12rem;line-height:1.9;max-width:26em;word-break:normal;line-break:strict;overflow-wrap:break-word;text-wrap:pretty}
.summary p+p{margin-top:16px}
.summary .closing{font-family:var(--serif, Georgia,"Noto Serif TC","Songti TC",serif);font-weight:700;font-size:1.3rem}
.scenario .cta-line{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:26px;padding:10px 22px;border-radius:999px;background:var(--brand, #4389c5);color:#fff;text-decoration:none;font-weight:800}
.scenario .cta-line:focus-visible{outline:3px solid #91c9ed;outline-offset:3px}
@media(max-width:860px){.scenario{padding:0 0 50px}.scenario-body{grid-template-columns:1fr;gap:22px;padding:20px 18px 26px}.scenario-head{padding:16px 18px}.summary p{font-size:1.02rem}.summary .closing{font-size:1.18rem}.share-hint{display:none}.share-btns a{min-height:40px;padding:7px 13px;font-size:.9rem}}
.toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:30;transform:translate(-50%,20px);opacity:0;background:var(--ink, #17324d);color:#fff;padding:12px 20px;border-radius:12px;font-size:.95rem;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px)}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.toast{transition:none}}

.ig-note{margin:14px 0 0;color:#668196;font-size:.88rem;line-height:1.7}
.ig-note a{color:#28649b;font-weight:700}