/* ============================================
   7164 全國保証 — 房貸保人 × 雙引擎
   Atlas 設計系統（共用真理之源）+ 少量 7164 私有元件
   ============================================ */

@import url('/assets/atlas/colors_and_type.css');
@import url('/assets/atlas/components.css');
@import url('/assets/atlas/site.css');

/* ---- 房貸保人流程鏈 ---- */
.flow-chain{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--sp-2);margin:var(--sp-5) 0}
.flow-node{flex:1 1 150px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4)}
.flow-node h4{margin:0 0 var(--sp-1);font-size:.95rem;letter-spacing:-.01em}
.flow-node p{margin:0;font-size:.82rem;color:var(--fg-3);line-height:1.45}
.flow-money{color:var(--success);font-weight:600}
.flow-pay{color:var(--blue);font-weight:600}

/* ---- 雙引擎 ---- */
.engine-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin:var(--sp-4) 0}
@media(max-width:720px){.engine-grid{grid-template-columns:1fr}}
.engine{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5);border-top:3px solid var(--blue)}
.engine.invest{border-top-color:var(--success)}
.engine h3{margin:0 0 var(--sp-1);font-size:1.1rem}
.engine .eng-sub{font-size:.8rem;color:var(--fg-4);margin:0 0 var(--sp-3)}

/* ---- float 資金堆疊 ---- */
.fund-stack{display:flex;flex-direction:column;gap:3px;margin:var(--sp-3) 0}
.fund-seg{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:.85rem;display:flex;justify-content:space-between;gap:var(--sp-2)}
.fund-seg b{font-variant-numeric:tabular-nums}
.fund-float{background:var(--success-soft);border-left:3px solid var(--success)}
.fund-equity{background:var(--blue-faint);border-left:3px solid var(--blue)}
.fund-other{background:var(--surface-sunken);border-left:3px solid var(--fg-4)}

/* ---- 三問卡 ---- */
.q3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin:var(--sp-4) 0}
@media(max-width:720px){.q3-grid{grid-template-columns:1fr}}
.q3-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4)}
.q3-card .q3-q{font-family:var(--font-serif);font-size:1.02rem;margin:0 0 var(--sp-2)}
.q3-card .q3-verdict{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.q3-card .q3-a{font-size:.86rem;color:var(--fg-2);margin:var(--sp-2) 0 0;line-height:1.5}

.half{color:var(--warning)}.yes{color:var(--success)}