/* 靜態頁（分期／以租代購／聯絡我們）補充樣式
   主視覺一律沿用 site.css 既有 class，這裡只補 site.css 沒有的少量元件。 */

/* 頁首 hero 內的按鈕列（site.css 的 .center-actions 是置中版，hero 需要靠左） */
.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}

/* 分期頁「價格震撼對比」：第一行為對照句、第二行放大強調 */
.price-contrast{box-shadow:var(--shadow);background:#fff;border:1px solid var(--line);border-radius:20px;margin-top:30px;padding:22px 26px}
.page-hero .price-contrast p{max-width:none;margin:0}
.page-hero .price-contrast p+p{color:var(--ink);margin-top:8px;font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:800;line-height:1.35}
.price-contrast b{color:var(--blue);font-size:1.35em}

/* 說明頁裡條款位於 h2 區塊標題之下，條號用 h3，樣式同 site.css 的 .legal-block h2 */
.legal-block h3{color:var(--ink);margin:0 0 16px;font-size:1.42rem;line-height:1.35}

/* CTA 註記：按鈕列 / 步驟卡 / 條款段落下方的一行小字，說明目前受理方式與線上開放時點 */
.cta-note{color:#718a98;margin-top:12px;font-size:.86rem;line-height:1.5;display:block}
.center-actions+.cta-note{text-align:center}

/* 錯誤頁（404/403/419/500/503）：hero 撐高並垂直置中，避免內容短時頁尾貼上來 */
.error-hero{min-height:60vh;display:flex;align-items:center}

/* 聯絡我們：公司資訊六項 */
.contact-list{grid-template-columns:max-content minmax(0,1fr);gap:16px 32px;margin:0;display:grid}
.contact-list dt{color:#718a98;padding-top:2px;font-size:.86rem;font-weight:700}
.contact-list dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-weight:600}
.contact-list a{color:#067bae;text-underline-offset:4px;text-decoration:underline}

@media (width<=760px){.hero-actions .primary-button,.hero-actions .secondary-button{width:100%}
.price-contrast{padding:18px 20px}
.contact-list{grid-template-columns:1fr;gap:4px 0}
.contact-list dd+dt{margin-top:16px}
}