/* 法律頁（服務條款／隱私權政策）版面 —— 沿用主站設計代幣與 Noto Sans TC。 */

/* 頂欄（深色，與主站 header 一致，捲動時固定） */
.legal-topbar {
  position: sticky; top: 0; z-index: 10;
  display: flex; align-items: center; gap: 12px;
  padding: 12px 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: #0e1120; color: #fff;
}
/* 品牌標誌：深色頂欄用白線＋品牌藍版，尺寸同前台頁首 25×35.42 */
.legal-mark { height: 25px; width: 35.42px; object-fit: contain; flex: none; }
.legal-topbar > a:first-of-type {
  color: #fff; text-decoration: none; font-weight: 700;
  font-family: "TASA Explorer", system-ui, sans-serif; letter-spacing: 0.005em;
}
.legal-topbar .back { margin-left: auto; font-weight: 400; font-size: 0.8125rem; color: #bcc5de; }
.legal-topbar .back:hover { color: #fff; text-decoration: underline; }

/* 內文容器 —— 適合閱讀的窄欄。
   注意：主站有元素選擇器 main{display:grid}，此處以類別覆蓋回單欄文件流。 */
.legal-page {
  display: block; max-width: 720px; margin: 0 auto; padding: 44px 24px 24px;
}
.legal-page h1 { font-size: 1.75rem; letter-spacing: 0.01em; margin: 0 0 6px; }
.legal-page .legal-meta { color: var(--text-muted); font-size: 0.8125rem; margin: 0 0 22px; }

/* 前言區塊 */
.legal-note {
  background: var(--surface-1); border: 1px solid var(--border);
  border-radius: 12px; padding: 16px 18px; margin: 0 0 28px;
  font-size: 0.875rem; line-height: 1.85; color: var(--text-secondary);
}

/* 目錄卡（寬螢幕分兩欄） */
.legal-toc {
  border: 1px solid var(--gridline); border-radius: 12px;
  padding: 14px 18px; margin: 0 0 12px; background: var(--page);
}
.legal-toc-title {
  font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em;
  color: var(--text-muted); margin-bottom: 8px;
}
.legal-toc ol { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 28px; }
.legal-toc li { margin: 4px 0; font-size: 0.8125rem; break-inside: avoid; }
.legal-toc a { color: var(--text-secondary); text-decoration: none; }
.legal-toc a:hover { color: var(--accent); }
@media (max-width: 560px) { .legal-toc ol { columns: 1; } }

/* 章節標題與內文 */
.legal-page h2 {
  font-size: 1.125rem; line-height: 1.4; margin: 36px 0 10px;
  padding-left: 12px; border-left: 3px solid var(--accent);
  scroll-margin-top: 64px;
}
.legal-page h3 { font-size: 0.9375rem; margin: 18px 0 6px; color: var(--text-primary); }
.legal-page p, .legal-page li { color: var(--text-secondary); line-height: 1.9; }
.legal-page p { margin: 8px 0; }
.legal-page ul { padding-left: 20px; margin: 8px 0; }
.legal-page li { margin: 6px 0; }
.legal-page a { color: var(--accent); }
.legal-page strong { color: var(--text-primary); }

/* 表格 */
.legal-page table {
  border-collapse: collapse; width: 100%; font-size: 0.875rem; margin: 14px 0;
}
.legal-page th, .legal-page td {
  text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--gridline);
  vertical-align: top;
}
.legal-page thead th {
  color: var(--text-primary); font-weight: 700;
  background: var(--surface-1); white-space: nowrap;
}
.legal-page tbody td:first-child {
  white-space: nowrap; font-weight: 700; color: var(--text-primary);
}

/* 頁尾（深色，含 NewSpace Lab logo） */
.legal-footer {
  margin-top: 48px; padding: 28px 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #0e1120; color: #bcc5de; text-align: center;
}
.legal-footer .lf-logo { height: 28px; width: auto; opacity: 0.95; margin-bottom: 10px; }
.legal-footer .lf-copy { font-size: 0.75rem; color: #8791ad; line-height: 1.7; }
.legal-footer a { color: #bcc5de; text-decoration: none; }
.legal-footer a:hover { color: #fff; text-decoration: underline; }