/* 租事無憂 — 追加樣式（工具獨立頁 / 廠商頁橫幅）
   刻意獨立成檔，避免覆蓋 main.css 造成既有修正回退 */

/* ── 廠商頁橫幅插圖 ── */
.pt-hero-img{padding-top:0;overflow:hidden}
.pt-hero-banner{margin:-1px -30px 20px;line-height:0}
.pt-hero-banner img{width:100%;height:auto;display:block;border-radius:var(--rl) var(--rl) 0 0}
@media(max-width:600px){.pt-hero-banner{margin:-1px -18px 16px}}

/* ── 工具獨立頁 ── */
.tool-hero{background:linear-gradient(135deg,var(--grp),var(--oal));border:1.5px solid var(--bd);border-radius:var(--rl);padding:34px 30px;text-align:center;margin-bottom:24px}
.tool-hero-ic{font-size:46px;margin-bottom:10px}
.tool-tagline{font-size:15px;color:var(--txm);line-height:1.8;margin-top:10px}
.tool-embed{margin-bottom:32px}
/* 獨立頁的面板一律顯示，並移除首頁的彈出定位 */
.tool-embed .tpanel{display:block!important;opacity:1!important;transform:none!important;margin:0}
.tool-embed .ph{margin-bottom:18px}

/* 工具總覽頁：卡片變連結 */
.tc-link{display:block;text-decoration:none;color:inherit;cursor:pointer}
.tc-link:hover .tn{color:var(--gr)}

/* 工具頁的免責/附註沿用政策頁樣式，若 main.css 未載入則保底 */
.pol-art-note{background:var(--grp);border:1px solid rgba(74,103,65,.15);border-radius:var(--r);padding:14px 18px;font-size:13px;line-height:1.8;color:var(--txm)}

/* 首頁政策卡片精簡版 */
.pol-card-mini .pol-body{padding:14px 20px 16px}
.pol-card-mini .pol-desc{margin-bottom:12px;font-size:13.5px}
.pol-card-mini .pol-cta{padding-top:10px;border-top:1px solid var(--bd)}

/* ── 文章資料來源區塊（AdSense E-E-A-T）── */
.art-sources{margin-top:30px;background:var(--grp);border:1px solid rgba(74,103,65,.15);border-radius:var(--rl);padding:20px 24px}
.art-sources h4{font-family:'Noto Serif TC',serif;font-size:15px;font-weight:900;color:var(--tx);margin-bottom:12px}
.art-sources ul{padding-left:20px;margin-bottom:12px}
.art-sources li{font-size:13.5px;line-height:1.9;color:var(--txm);margin-bottom:4px}
.art-sources a{color:var(--gr);text-decoration:none}
.art-sources a:hover{text-decoration:underline}
.art-sources-note{font-size:12px;color:var(--txl);line-height:1.7;padding-top:10px;border-top:1px solid var(--bd)}

/* ── 工具 CTA 框：修正深綠底上的對比問題 ── */
.tool-cta-box h4{color:#fff}
.tool-cta-box p{color:#fff;opacity:.92}
.tool-cta-box .btn.bp,
.tool-cta-box .btn.bo{
  background:#fff;
  color:var(--grd);
  border:2px solid #fff;
  font-weight:900;
}
.tool-cta-box .btn.bp:hover,
.tool-cta-box .btn.bo:hover{
  background:var(--grp);
  color:var(--grd);
  border-color:var(--grp);
}
