/* 隱私權政策.html 的頁面樣式（自切版抽出，僅改素材路徑） */
:root{
  --gray:var(--slate); --gray-2:var(--ink-38); --line:var(--beige);
}
body{background:var(--white)}
:root{--veil:var(--white)}

/* ============ 版面：內容 + 右側目錄 ============ */
.pp{padding:clamp(48px,5vw,72px) 0 clamp(88px,9vw,140px)}
.pp-grid{
  display:grid;grid-template-columns:minmax(0,1fr) 240px;
  gap:clamp(40px,5vw,80px);align-items:start;
  max-width:calc(var(--read-w) + 240px + 80px + var(--section-x) * 2);
  margin:0 auto;padding:0 var(--section-x);
}

/* ---- 標題區 ---- */
.pp-head h1{
  font-size:clamp(26px,2.6vw,38px);font-weight:700;line-height:1.45;letter-spacing:.06em;color:var(--ink);
}
.pp-head .en{
  display:block;margin-top:10px;
  font-size:11px;font-weight:700;letter-spacing:.24em;color:var(--red);text-transform:uppercase;
}
.pp-dates{
  margin-top:24px;display:flex;flex-wrap:wrap;gap:10px 28px;
  padding-bottom:26px;border-bottom:1px solid var(--ink-16);
}
.pp-dates span{font-size:var(--fs-sm);font-weight:500;letter-spacing:.04em;color:var(--ink-52)}
.pp-dates b{font-weight:700;color:var(--ink-88);margin-left:8px}

/* ---- 開頭摘要：先用白話講完，再進正式條文 ---- */
.pp-tldr{
  margin-top:34px;padding:clamp(24px,2.8vw,32px);
  background:rgba(225,218,200,.5);border-left:4px solid var(--gold);
}
.pp-tldr h2{font-size:16px;font-weight:700;letter-spacing:.1em;color:var(--ink)}
.pp-tldr ul{margin-top:16px;display:flex;flex-direction:column;gap:11px}
.pp-tldr li{
  position:relative;padding-left:20px;
  font-size:15px;font-weight:500;line-height:1.9;letter-spacing:.03em;color:var(--ink-88);
}
.pp-tldr li::before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.pp-tldr .foot{margin-top:16px;font-size:13px;line-height:1.85;letter-spacing:.03em;color:var(--ink-52)}

/* ---- 條文 ---- */
.pp-sec{margin-top:clamp(48px,5vw,72px);scroll-margin-top:calc(var(--header-h) + 24px)}
.pp-sec > h2{
  display:flex;align-items:baseline;gap:14px;
  padding-bottom:14px;border-bottom:1px solid var(--ink-16);
  font-size:var(--fs-h3);font-weight:700;letter-spacing:.1em;line-height:1.6;color:var(--ink);
}
.pp-sec > h2 .n{
  font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--red);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.pp-sec h3{
  margin:32px 0 12px;
  font-size:15px;font-weight:700;letter-spacing:.08em;line-height:1.6;color:var(--ink);
}
.pp-sec p{
  margin-top:18px;
  font-size:var(--fs-body);font-weight:400;line-height:1.95;letter-spacing:.04em;color:var(--ink-88);
}
.pp-sec p:first-of-type{margin-top:22px}
.pp-sec strong{font-weight:700;color:var(--red)}
.pp-sec ul{margin-top:16px;display:flex;flex-direction:column;gap:11px}
.pp-sec li{
  position:relative;padding-left:20px;
  font-size:15px;font-weight:500;line-height:1.9;letter-spacing:.03em;color:var(--ink-88);
}
.pp-sec li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
.pp-sec li b{font-weight:700;color:var(--ink)}
.pp-sec a:not(.btn){color:var(--red);text-decoration:underline;text-underline-offset:3px}

/* 表格 */
.pp-tbl{margin-top:22px;border:1px solid var(--ink-16);overflow-x:auto}
.pp-tbl table{width:100%;border-collapse:collapse;min-width:560px}
.pp-tbl th,.pp-tbl td{
  text-align:left;padding:14px 18px;border-bottom:1px solid var(--ink-08);
  font-size:14px;line-height:1.85;letter-spacing:.03em;vertical-align:top;
}
.pp-tbl thead th{
  background:var(--cream);font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink);padding:12px 18px;
}
.pp-tbl td{color:var(--ink-70)}
.pp-tbl td:first-child{font-weight:700;color:var(--ink);white-space:nowrap}
.pp-tbl tbody tr:last-child td{border-bottom:0}

/* 待填佔位 */
.todo{
  display:inline-block;padding:1px 8px;border-radius:2px;
  background:rgba(212,172,90,.28);box-shadow:inset 0 -1px 0 var(--gold);
  font-weight:700;color:var(--ink);white-space:nowrap;
}

/* 聯絡卡 */
.pp-contact{
  margin-top:24px;padding:clamp(22px,2.6vw,30px);
  border:1px solid var(--ink-16);background:var(--paper);
}
.pp-contact dl{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px 20px}
.pp-contact dt{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--ink-52);padding-top:2px}
.pp-contact dd{font-size:15px;font-weight:500;line-height:1.8;letter-spacing:.03em;color:var(--ink-88)}
.pp-contact .note{margin-top:20px;padding-top:18px;border-top:1px solid var(--ink-08);font-size:13px;line-height:1.85;color:var(--ink-52)}

/* ---- 右側目錄 ---- */
.pp-toc{position:sticky;top:calc(var(--header-h) + 28px)}
.pp-toc h4{
  padding-bottom:12px;border-bottom:1px solid var(--ink-16);
  font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--ink-38);text-transform:uppercase;
}
.pp-toc ol{list-style:none;margin-top:6px}
.pp-toc a{
  display:flex;gap:9px;padding:8px 0;
  font-size:13px;font-weight:500;line-height:1.6;letter-spacing:.03em;color:var(--ink-52);
  transition:color var(--t-fast);
}
.pp-toc a .n{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--ink-24);
  transition:color var(--t-fast);flex:0 0 auto;padding-top:2px;
}
.pp-toc a:hover,.pp-toc a.on{color:var(--red)}
.pp-toc a:hover .n,.pp-toc a.on .n{color:var(--red)}

@media (max-width:1100px){
  .pp-grid{grid-template-columns:minmax(0,1fr);max-width:calc(var(--read-w) + var(--section-x) * 2)}
  .pp-toc{display:none}
}
@media (max-width:600px){
  .pp-contact dl{grid-template-columns:1fr;gap:4px 0}
  .pp-contact dt{padding-top:10px}
}