/**
 * print.css — 此岸的公式
 * Source: docs/superpowers/specs/2026-05-15-cishore-blog-design.md §6.7 §8
 *
 * 由 BaseLayout `<link rel="stylesheet" media="print">` 載入；screen 模式忽略。
 *
 * 列印行為：
 *   - 隱藏：所有 [data-no-print] 元素（Header / Footer / Hero / TOC / banner / pagination 等）
 *     契約讓 print.css 與 styling class 解耦——未來元件重命名 / 新增不影響本檔
 *   - 顯示：文章 title / meta / body / 版權聲明 / .print-footer（URL + © 行）
 *   - Ink-saving：背景白、文字黑、移除 box-shadow / 色塊
 *   - 連結：URL 內聯（content: attr(href)）便讀者離線確認來源
 */

/* ─── Hide elements opted-out via [data-no-print] contract ────────── */
[data-no-print] {
  display: none !important;
}

/* ─── Ink-saving palette ─────────────────────────────────────────── */
:root,
body,
html[data-theme="light"],
html[data-theme="dark"] {
  background: #fff !important;
  color: #000 !important;
}

* {
  background: transparent !important;
  color: #000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* ─── Content typography (保留 spec §4.3 行高 / 段距) ────────────── */
body {
  font-family: "Cormorant Garamond", "Noto Serif TC", Georgia, serif;
  font-size: 11pt;
  line-height: 1.6;
}

h1 { font-size: 18pt; margin: 0 0 0.5em 0; page-break-after: avoid; }
h2 { font-size: 14pt; margin: 1em 0 0.4em 0; page-break-after: avoid; }
h3 { font-size: 12pt; margin: 0.8em 0 0.3em 0; page-break-after: avoid; }

p { margin: 0 0 0.7em 0; orphans: 3; widows: 3; }

blockquote {
  border-left: 2px solid #000 !important;
  padding-left: 1em;
  font-style: italic;
}

/* 連結內聯 URL（spec §6.7「離線可驗證來源」隱含意圖）*/
.post-body a[href^="http"]::after,
.post-body a[href^="/"]::after {
  content: " (" attr(href) ")";
  font-size: 0.85em;
  color: #555 !important;
}

/* Footnote 區保留（學術文章用）*/
.footnotes,
section[data-footnotes] {
  font-size: 9pt;
  border-top: 1px solid #000 !important;
  margin-top: 1em;
  padding-top: 0.5em;
}

/* 圖片：保留 + 避免跨頁切割 */
img {
  max-width: 100% !important;
  page-break-inside: avoid;
}

figure {
  page-break-inside: avoid;
  margin: 0.8em 0;
}

figcaption {
  font-size: 9pt;
  text-align: center;
  font-style: italic;
}

/* ─── Print footer：URL + 版權（spec §6.7 明定） ──────────────── */
.print-footer {
  display: block !important;
  margin-top: 2em;
  padding-top: 0.5em;
  border-top: 1px solid #000 !important;
  font-size: 9pt;
  font-style: italic;
  color: #444 !important;
}

/* @page 設邊界（多數列印對話框會用自己的 page margins）*/
@page {
  margin: 2cm 1.8cm;
}