/* ============================================================
   拍拍毛孩 PawSnap — 法務文件頁（/privacy、/terms）專屬樣式
   沿用 style.css 的設計 token，僅補閱讀版型與警示框
   ============================================================ */

/* 警示色（顯眼但不嚇人的暖琥珀，非 danger 紅） */
:root {
  --warn-bg: #FFF3DC;
  --warn-border: #E0A33E;
  --warn-text: #7A5512;
}
@media (prefers-color-scheme: dark) {
  :root {
    --warn-bg: #332916;
    --warn-border: #C9943B;
    --warn-text: #EAC684;
  }
}

/* ---------- 頁首返回列 ---------- */
.legal-topbar {
  background: var(--soft-cream);
  padding: var(--sp-l);
  border-bottom: 1px solid var(--separator);
}
.legal-topbar .back-link {
  display: inline-block;
  max-width: 720px;
  color: var(--paw-coral);
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
}
.legal-topbar .back-link:hover { text-decoration: underline; }
.legal-topbar .topbar-inner { max-width: 720px; margin: 0 auto; }

/* ---------- 主閱讀欄 ---------- */
.legal-main {
  max-width: 720px;
  margin: 0 auto;
  padding: var(--sp-xxl) var(--sp-l);
  font-size: 16px;
}
.legal-main h1 {
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 var(--sp-l);
}
.legal-main h2 {
  font-size: 21px;
  font-weight: 700;
  margin: var(--sp-xxl) 0 var(--sp-m);
  padding-top: var(--sp-m);
  border-top: 1px solid var(--separator);
  scroll-margin-top: var(--sp-xl);
}
.legal-main h3 {
  font-size: 17px;
  font-weight: 700;
  margin: var(--sp-xl) 0 var(--sp-s);
  scroll-margin-top: var(--sp-xl);
}
.legal-main p, .legal-main li { color: var(--text-primary); }
.legal-main ul, .legal-main ol { padding-left: 1.4em; margin: 0 0 1em; }
.legal-main li { margin-bottom: 0.35em; }
.legal-main hr {
  border: none;
  border-top: 1px solid var(--separator);
  margin: var(--sp-xl) 0;
}
.legal-main code {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 0.88em;
  background: var(--bg-tertiary);
  border-radius: 4px;
  padding: 1px 5px;
}

/* 文件 meta（最後更新日期等） */
.doc-meta {
  color: var(--text-secondary);
  font-size: 14px;
  margin-bottom: var(--sp-s);
}

/* ---------- 草稿警示框（warning 色帶） ---------- */
.draft-warning {
  background: var(--warn-bg);
  border-left: 4px solid var(--warn-border);
  border-radius: var(--r-field);
  padding: var(--sp-l);
  margin: var(--sp-l) 0 var(--sp-xl);
  color: var(--warn-text);
  font-size: 14px;
  line-height: 1.7;
}
.draft-warning p { color: var(--warn-text); margin: 0 0 0.6em; }
.draft-warning p:last-child { margin-bottom: 0; }
.draft-warning code { background: rgba(0, 0, 0, 0.06); }
@media (prefers-color-scheme: dark) {
  .draft-warning code { background: rgba(255, 255, 255, 0.08); }
}

/* 內文行內的【⚠️ …】標注 */
mark.draft-note {
  background: var(--warn-bg);
  color: var(--warn-text);
  border-radius: 4px;
  padding: 0 4px;
}

/* ---------- 目錄 ---------- */
.toc {
  background: var(--bg-secondary);
  border-radius: var(--r-card);
  box-shadow: var(--shadow-card);
  padding: var(--sp-l) var(--sp-xl);
  margin: var(--sp-xl) 0;
}
.toc h2 {
  font-size: 16px;
  margin: 0 0 var(--sp-m);
  padding-top: 0;
  border-top: none;
}
.toc ol {
  margin: 0;
  padding-left: 1.4em;
  font-size: 15px;
}
.toc a { color: var(--calm-teal); text-decoration: none; }
.toc a:hover { text-decoration: underline; }

/* ---------- 表格 ---------- */
.table-wrap { overflow-x: auto; margin: 0 0 1em; }
.legal-main table {
  border-collapse: collapse;
  width: 100%;
  min-width: 560px;
  font-size: 14px;
}
.legal-main th, .legal-main td {
  border: 1px solid var(--separator);
  padding: var(--sp-s) var(--sp-m);
  text-align: left;
  vertical-align: top;
}
.legal-main th { background: var(--bg-tertiary); font-weight: 600; }

/* ---------- Footer（同 landing，僅複用 .site-footer） ---------- */
.site-footer nav a { margin: 0 2px; }