/* 法務頁（服務條款 / 隱私權政策 / 退款政策）共用排版
   三頁原本各複製一份 .doc-* 樣式，且 refundpolicy 那份還少了 .disclaimer 的背景與邊框，
   統一收到這支檔案後三頁外觀一致。 */

.doc-wrap{ max-width: 760px; margin: 0 auto; padding: 64px 24px 100px; }
.doc-wrap h1{ font-size:32px; margin-bottom:8px; }
.doc-wrap h2{ font-size:19px; margin-top:36px; margin-bottom:12px; }
.doc-wrap p, .doc-wrap li{ font-size:14px; color: var(--text-body); margin-bottom:12px; }
.doc-wrap ul, .doc-wrap ol{ padding-left:20px; }

.doc-date{ font-size:13px; color: var(--text-mute); margin-bottom:32px; }

/* 内文里的联络信箱连结（原本写在 inline style） */
.doc-link{ color: var(--glow); }

/* 免責／提醒區塊 */
.disclaimer{
  background: rgba(253,224,71,0.08); border:1px solid rgba(253,224,71,0.35);
  border-radius:14px; padding:20px 22px; margin-bottom:40px; font-size:13px; color: rgba(245,247,250,0.85);
}
.disclaimer b{ color: var(--warn); }

/* 法務頁內的資料表（隱私權政策、退款政策） */
.doc-wrap table{ width:100%; border-collapse:collapse; margin:16px 0; font-size:13px; }
.doc-wrap th, .doc-wrap td{ text-align:left; padding:10px 12px; border:1px solid var(--glass-border); color: var(--text-body); }
.doc-wrap th{ color: var(--text); background: var(--glass); }

/* 多語系內容切換：只顯示當前語言的區塊 */
[data-lang-block]{ display:none; }
[data-lang-block="zh"]{ display:block; }

@media (max-width: 600px){
  /* 兩欄表格改固定欄寬＋強制斷字，避免長英文字串把表格撐破版面 */
  .doc-wrap th, .doc-wrap td{ padding:8px; word-break:break-word; }
  .doc-wrap table{ font-size:12.5px; table-layout:fixed; }
  .doc-wrap th:first-child, .doc-wrap td:first-child{ width:36%; }
  .disclaimer{ padding:16px; }
}