/* ============================================================
   pages.css — 靜態內容頁（關於／聯絡／隱私權政策）
   單欄、易讀排版，套用全站 tokens。
   ============================================================ */
.page{ max-width: 760px; margin: 0 auto; padding: 36px var(--pad-x) 40px; }
.page .back-home{ display:inline-block; font-family: var(--font-mono); font-size:.78rem;
  color: var(--teal-dark); text-decoration:none; margin-bottom:18px; }
.page .back-home:hover{ text-decoration:underline; }
.page h1{ font-family: var(--font-display); font-size: clamp(1.6rem,4vw,2.2rem); margin:0 0 6px; }
.page .page-sub{ font-family: var(--font-serif); color: var(--ink-soft); margin:0 0 10px; }
.page .updated{ font-family: var(--font-mono); font-size:.72rem; color: var(--ink-soft); margin:0 0 26px; }

.prose h2{ font-family: var(--font-display); font-size:1.22rem; margin:30px 0 10px; padding-bottom:6px; border-bottom:2px solid var(--ink); }
.prose p{ margin:0 0 14px; line-height:1.8; }
.prose ul{ margin:0 0 14px; padding-left:22px; }
.prose li{ margin:6px 0; line-height:1.7; }
.prose a{ color: var(--teal-dark); }
.prose strong{ font-weight:600; }

/* 聯絡頁的信箱方塊 */
.contact-box{ margin:18px 0; padding:18px 20px; border:1.5px dashed var(--gold);
  border-radius: var(--radius); background: var(--paper-dark); text-align:center; }
.contact-box .mail{ font-family: var(--font-mono); font-size:1.05rem; color: var(--teal-dark); text-decoration:none; }
.contact-box .mail:hover{ text-decoration:underline; }