/* ============================================================
   pj3-public — 公共工程、土木產業頁 (20261109)
   版型沿用 pj3.css,這裡只放這頁多出來的元件:
   四個關卡 (4 欄卡片)、AI 標單解析示範表。
   ============================================================ */

/* ---------- 四個關卡 ---------- */
.pj3-ai-grid--4 { grid-template-columns: repeat(4, 1fr); }
.pj3-ai__stage { font-size: .8rem; font-weight: 600; letter-spacing: .08em; color: var(--p3-gold); }

/* ---------- AI 標單解析示範 ---------- */
.pj3-bid {
    margin-top: 26px; border-radius: var(--p3-radius); padding: 26px 30px; display: grid; grid-template-columns: 300px 1fr; gap: 30px; align-items: center;
    background: rgba(10,20,40,.18); border: 1px solid rgba(255,255,255,.14);
}
.pj3-bid__h b { display: block; font-size: 1.2rem; color: #fff; margin-bottom: .35rem; }
.pj3-bid__h small { color: #c9d4e6; font-size: .9rem; line-height: 1.6; }
.pj3-bid__wrap { overflow-x: auto; }
.pj3-bid table { width: 100%; min-width: 460px; border-collapse: collapse; font-size: .92rem; color: #eef3fb; }
.pj3-bid th { font-weight: 500; font-size: .8rem; color: #aebbd2; text-align: right; padding: 0 12px 8px; border-bottom: 1px solid rgba(255,255,255,.2); white-space: nowrap; }
.pj3-bid td { text-align: right; padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,.08); white-space: nowrap; }
.pj3-bid th:first-child, .pj3-bid td:first-child { text-align: left; padding-left: 0; }
.pj3-bid td small { color: #aebbd2; margin-left: .3rem; }
.pj3-bid .lo, .pj3-bid .hi { font-weight: 700; }
.pj3-bid .lo { color: #ffb4a2; }
.pj3-bid .hi { color: var(--p3-gold); }
.pj3-bid__note { margin: 10px 0 0; font-size: .8rem; color: #aebbd2 !important; }

@media (max-width: 1199.98px) {
    .pj3-ai-grid--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 991.98px) {
    .pj3-bid { grid-template-columns: 1fr; gap: 18px; }
}
@media (max-width: 767.98px) {
    .pj3-ai-grid--4 { grid-template-columns: 1fr; }
    .pj3-bid { padding: 22px 18px; }
    /* 手機:四欄都要看得到 (差異最重要),工項名稱可換行、單位換到下一行 */
    .pj3-bid table { min-width: 0; font-size: .82rem; }
    .pj3-bid th { font-size: .72rem; padding: 0 6px 8px; white-space: normal; }
    .pj3-bid td { padding: 9px 6px; }
    .pj3-bid td:first-child { white-space: normal; }
    .pj3-bid td small { display: block; margin-left: 0; }
}