/* PEER visual-warmth preview (vw1) — image-only additions; no text changes */
.vwPhoto{margin:0;overflow:hidden;border-radius:18px;background:#e7e1d4;box-shadow:0 14px 34px #12302e1f}
.vwPhoto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
/* Hero: reuse couple photo inside existing arch frame, decorative shapes hidden */

.vwHeroImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 20%}
.vwHasPhoto>.sun,.vwHasPhoto>.building,.vwHasPhoto>.arch{display:none}
.vwHasPhoto .quoteCard{z-index:1}
/* Cases */
.vwPhoto-cases{max-width:560px;margin:0 0 34px}
.vwPhoto-cases img{object-position:60% 35%}
/* FAQ (left column) */
.vwPhoto-faq{max-width:440px;margin-top:30px}
.vwPhoto-faq img{object-position:55% 30%}
/* CTA (dark green section) */
.vwPhoto-cta{max-width:460px;margin:0 0 30px;box-shadow:0 0 0 1px #ffffff2e}
@media (width<=620px){
  
  .vwPhoto{border-radius:14px}
  .vwPhoto-cases{margin-bottom:26px}
  .vwPhoto-faq{margin-top:24px}
  .vwPhoto-cta{margin-bottom:24px}
}

/* toolbox-001: calculator entry link */
.heroActions .toolLink{font-weight:700;color:#b8893b}

/* headings-001: CJK heading line breaks at phrase boundaries */
.nb{display:inline-block}
h1,h2,h3{text-wrap:balance;line-break:strict}
@media (width<=620px){
  .hero h1{font-size:min(2.9375rem,8.6vw)}
  h2{font-size:min(1.75rem,7.4vw)}
}

/* sunlife-001: 永明官方四大退休規劃引用區塊 + AI 留言提示 */
.fourPlans{background:var(--cream);padding:100px 8vw}
.fourPlans .fpLead{max-width:760px;color:var(--ink);line-height:1.9;margin:0 0 12px}
.fpList{list-style:none;padding:0;margin:28px 0 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fpList li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px}
.fpList .fpNo{color:var(--gold);font-weight:700;font-size:.85rem;letter-spacing:.12em}
.fpList b{color:var(--ink);font-size:1.02rem;line-height:1.5;text-wrap:balance}
.fpList small{color:var(--muted);font-size:.82rem;line-height:1.6}
.fpNote{max-width:820px;color:var(--muted);font-size:.82rem;line-height:1.8;margin:0}
.fpActions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:22px}
.fpActions .aiCta{margin-top:0}
.fpOfficial{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.aiNote{padding:26px 8vw 0;background:var(--paper)}
.aiNote p{max-width:760px;margin:0 auto;color:var(--muted);font-size:.95rem;line-height:1.8;text-align:center}
@media (width<=900px){.fpList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=620px){
  .fourPlans{padding:70px 22px}
  .fpList{grid-template-columns:1fr;gap:10px}
  .aiNote{padding:22px 22px 0}
}
.caseGrid article>small{display:none!important}
