@open-press/cli 0.3.0

package/template/skills/claude-document/starter/document/theme/base/typography.css

@@ -0,0 +1,612 @@
+/* Page-surface styles (cover, back-cover, toc) live in
+ * document/theme/page-surfaces/. */
+
+.reader-page--content {
+  padding: 0;
+}
+
+.content-body {
+  background: var(--openpress-color-document);
+}
+
+h2,
+h3,
+h4 {
+  break-after: avoid;
+  color: var(--openpress-color-ink);
+  letter-spacing: 0.04em;
+}
+
+h2 {
+  margin: 0 0 var(--openpress-space-4);
+  padding: 0;
+  font-family: var(--openpress-font-serif);
+  font-size: clamp(5.7pt, 3.4cqw, 17pt);
+  line-height: 1.45;
+  font-weight: 300;
+  border: 0;
+}
+
+h2::before {
+  content: "";
+  display: block;
+  width: 36px;
+  height: 1px;
+  background: var(--openpress-color-ink);
+  margin-bottom: var(--openpress-space-4);
+}
+
+.reader-page--content .page-body > h2:first-child {
+  display: flex;
+  align-items: baseline;
+  gap: 0.55em;
+  margin: 0 0 var(--openpress-space-4);
+}
+
+.reader-page--content .page-body > h2:first-child::before {
+  content: attr(data-chapter);
+  display: inline-block;
+  flex-shrink: 0;
+  font-family: var(--openpress-font-serif);
+  font-size: 1.55em;
+  font-weight: 300;
+  color: var(--openpress-color-muted);
+  line-height: 1;
+  letter-spacing: 0.06em;
+  width: auto;
+  min-width: 0;
+  height: auto;
+  background: transparent;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+.reader-page--content h3[data-section] {
+  display: flex;
+  align-items: baseline;
+  gap: 0.55em;
+}
+
+.reader-page--content h3[data-section]::before {
+  content: attr(data-section);
+  flex-shrink: 0;
+  font-family: var(--openpress-font-serif);
+  font-size: 0.95em;
+  font-weight: 300;
+  color: var(--openpress-color-muted);
+  letter-spacing: 0.08em;
+  line-height: inherit;
+}
+
+h2 + p,
+h2 + h3 {
+  margin-top: var(--openpress-space-3);
+}
+
+h3 {
+  margin: var(--openpress-space-3) 0 var(--openpress-space-2);
+  font-family: var(--openpress-font-serif);
+  font-size: clamp(4.8pt, 2.4cqw, 13pt);
+  line-height: 1.55;
+  font-weight: 400;
+  color: var(--openpress-color-ink);
+  letter-spacing: 0.03em;
+}
+
+.reader-page--content .page-body > h3:first-child {
+  margin-top: 0;
+}
+
+h4 {
+  margin: var(--openpress-space-3) 0 var(--openpress-space-1);
+  font-family: var(--openpress-font-body);
+  font-size: clamp(4.4pt, 1.9cqw, 11pt);
+  font-weight: 500;
+  color: var(--openpress-color-muted);
+  letter-spacing: 0.04em;
+}
+
+p {
+  margin: 0 0 var(--openpress-space-2);
+  font-size: clamp(4.2pt, 1.85cqw, 10.5pt);
+  line-height: 1.85;
+}
+
+.openpress-equation {
+  display: block;
+  width: fit-content;
+  max-width: 100%;
+  margin: var(--openpress-space-2) auto var(--openpress-space-3);
+  border-block: 1px solid color-mix(in srgb, var(--openpress-color-line) 76%, transparent);
+  padding: 0.55em 1.15em;
+  background: color-mix(in srgb, var(--openpress-color-panel) 78%, var(--openpress-color-document));
+  color: var(--openpress-color-ink);
+  font-family: var(--openpress-font-mono);
+  font-size: clamp(4.4pt, 1.95cqw, 11pt);
+  line-height: 1.7;
+  text-align: center;
+  letter-spacing: 0;
+  overflow-x: auto;
+}
+
+.openpress-equation sup {
+  font-size: 0.68em;
+  line-height: 0;
+}
+
+.reader-page--content p,
+.reader-page--content li,
+.reader-page--content td {
+  hanging-punctuation: first allow-end;
+}
+
+.reader-page--content.is-chapter-end .page-body::after {
+  content: "―";
+  display: block;
+  text-align: center;
+  margin-top: var(--openpress-space-1);
+  color: var(--openpress-color-muted);
+  font-size: 1em;
+  letter-spacing: 0.4em;
+  opacity: 0.45;
+}
+
+strong {
+  font-weight: 600;
+  color: var(--openpress-color-ink);
+}
+
+em {
+  font-style: italic;
+  font-family: var(--openpress-font-serif);
+  color: var(--openpress-color-ink);
+}
+
+del,
+s {
+  color: var(--openpress-color-muted);
+  text-decoration-thickness: 1px;
+  text-decoration-color: var(--openpress-color-muted);
+}
+
+mark {
+  background: var(--openpress-chart-gold-bg);
+  color: var(--openpress-color-ink);
+  padding: 0 0.15em;
+  border-radius: 1px;
+}
+
+a {
+  color: var(--openpress-color-ink);
+  text-decoration-line: underline;
+  text-decoration-style: dotted;
+  text-decoration-color: var(--openpress-color-muted);
+  text-underline-offset: 2px;
+}
+
+/* Inline 語意強調 — 受控 status 色票
+ * Markdown 內用 <span class="status-warn|status-success|status-info">。
+ * 不提供 .accent-<color>（按色相命名）以避免破壞語意系統。
+ */
+.status-warn {
+  color: var(--openpress-status-warn);
+  font-weight: 600;
+}
+
+.status-success {
+  color: var(--openpress-status-success);
+  font-weight: 600;
+}
+
+.status-info {
+  color: var(--openpress-status-info);
+  font-weight: 600;
+}
+
+.text-muted {
+  color: var(--openpress-color-muted);
+}
+
+figcaption,
+caption {
+  margin-top: 2mm;
+  color: var(--openpress-color-muted);
+  font-size: clamp(3.8pt, 1.45cqw, 8.5pt);
+  line-height: 1.5;
+  letter-spacing: 0.02em;
+  text-align: center;
+}
+
+caption {
+  caption-side: bottom;
+  margin: var(--openpress-space-1) 0 0;
+  text-align: center;
+}
+
+ol,
+ul {
+  margin: 0 0 var(--openpress-space-3);
+  padding-left: 7mm;
+  font-size: clamp(4.2pt, 1.85cqw, 10.5pt);
+  line-height: 1.85;
+}
+
+ol {
+  list-style: decimal outside;
+}
+
+ul {
+  list-style: disc outside;
+}
+
+li {
+  margin: 0 0 1.4mm;
+  padding-left: 1mm;
+}
+
+figure {
+  break-inside: avoid;
+  margin: var(--openpress-space-4) 0 var(--openpress-space-2);
+}
+
+figure img {
+  display: block;
+  max-width: 100%;
+  max-height: 135mm;
+  margin: 0 auto;
+  padding: 6px;
+  border: 1px solid var(--openpress-color-line);
+  background: var(--openpress-color-paper);
+  box-sizing: border-box;
+}
+
+.reader-page--content .page-body > figure {
+  width: min(86%, 150mm);
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.reader-page--content .page-body > figure img {
+  width: 100%;
+  max-height: 92mm;
+  object-fit: contain;
+}
+
+table {
+  width: 100%;
+  margin: var(--openpress-space-3) 0 var(--openpress-space-4);
+  border-collapse: collapse;
+  border: 0;
+  border-top: 1px solid var(--openpress-color-ink);
+  background: transparent;
+  font-size: clamp(3.5pt, 1.55cqw, 9pt);
+  line-height: var(--openpress-leading-table);
+  break-inside: avoid;
+}
+
+thead {
+  display: table-header-group;
+}
+
+th,
+td {
+  padding: 3.4mm 2.4mm;
+  border: 0;
+  border-bottom: 1px solid var(--openpress-color-line);
+  vertical-align: top;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  word-break: normal;
+}
+
+th {
+  color: var(--openpress-color-ink);
+  background: transparent;
+  border-bottom: 1px solid var(--openpress-color-ink);
+  text-align: left;
+  font-weight: 500;
+  letter-spacing: 0.02em;
+  white-space: nowrap;
+}
+
+.reader-page--content tbody tr:nth-child(even) td {
+  background: rgba(247, 243, 234, 0.55);
+}
+
+.reader-page--content table:not(.figure-grid) tbody tr:last-child td {
+  border-bottom: 1px solid var(--openpress-color-ink);
+}
+
+code {
+  font-family: var(--openpress-font-mono);
+  font-size: 0.92em;
+  padding: 0.05em 0.25em;
+  background: rgba(29, 40, 50, 0.045);
+  border-radius: 2px;
+  overflow-wrap: anywhere;
+  word-break: normal;
+}
+
+pre {
+  max-width: 100%;
+  margin: var(--openpress-space-2) 0 var(--openpress-space-3);
+  padding: 2.6mm 3.2mm;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  word-break: normal;
+  background: var(--openpress-color-block);
+  border: 0;
+  border-top: 1px solid var(--openpress-color-line);
+  border-bottom: 1px solid var(--openpress-color-line);
+}
+
+pre code {
+  display: block;
+  padding: 0;
+  background: transparent;
+  border-radius: 0;
+  font-size: clamp(4pt, 1.65cqw, 9.2pt);
+  line-height: 1.65;
+  color: var(--openpress-color-ink);
+}
+
+hr {
+  margin: var(--openpress-space-4) 0;
+  border: 0;
+  border-top: 1px solid var(--openpress-color-line);
+}
+
+/* Claude document overrides.
+ * The visual language is intentionally quiet: serif H2, clean sans body, paper texture,
+ * mist-blue hairlines, and print-safe document blocks.
+ */
+
+.content-body {
+  background: transparent;
+}
+
+.reader-page--content {
+  color: var(--openpress-color-body);
+}
+
+h2,
+h3,
+h4 {
+  font-family: var(--openpress-font-body);
+  color: var(--openpress-color-ink);
+  letter-spacing: 0;
+}
+
+h2 {
+  display: block;
+  margin: 0 0 var(--openpress-space-4);
+  padding-bottom: 0;
+  border-bottom: 0;
+  font-family: var(--openpress-font-serif);
+  font-size: clamp(
+    calc(14pt - var(--openpress-type-step-down)),
+    calc(4.4cqw - var(--openpress-type-step-down)),
+    calc(26pt - var(--openpress-type-step-down))
+  );
+  font-weight: 300;
+  line-height: 1.3;
+}
+
+h2::before {
+  content: none;
+}
+
+.reader-page--content .page-body > h2:first-child {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  column-gap: 3mm;
+  align-items: baseline;
+  margin: 0 0 var(--openpress-space-4);
+}
+
+.reader-page--content .page-body > h2:first-child::before {
+  content: attr(data-chapter-marker);
+  display: inline-block;
+  width: auto;
+  height: auto;
+  border: 0;
+  background: transparent;
+  font-family: var(--openpress-font-serif);
+  font-size: 1em;
+  font-weight: 400;
+  color: var(--openpress-color-muted);
+  letter-spacing: 0;
+  line-height: inherit;
+  transform: none;
+}
+
+h2 + p,
+h2 + h3 {
+  margin-top: 0;
+}
+
+h3 {
+  margin: var(--openpress-space-4) 0 var(--openpress-space-2);
+  padding-left: 0;
+  border-left: 0;
+  font-family: var(--openpress-font-serif);
+  font-size: clamp(
+    calc(11pt - var(--openpress-type-step-down)),
+    calc(2.9cqw - var(--openpress-type-step-down)),
+    calc(18pt - var(--openpress-type-step-down))
+  );
+  font-weight: 400;
+  line-height: 1.4;
+  color: var(--openpress-color-ink);
+}
+
+.reader-page--content h3[data-section] {
+  display: flex;
+  gap: 0.6em;
+  align-items: baseline;
+}
+
+.reader-page--content h3[data-section]::before {
+  content: attr(data-section);
+  flex-shrink: 0;
+  font-family: var(--openpress-font-serif);
+  font-size: 0.9em;
+  font-weight: 400;
+  color: var(--openpress-color-muted);
+  letter-spacing: 0;
+}
+
+.reader-page--content h3[data-section]::after {
+  content: "";
+  flex: 1 1 12mm;
+  min-width: 8mm;
+  border-bottom: 1px solid var(--openpress-color-line);
+  transform: translateY(-0.28em);
+}
+
+h4 {
+  margin: var(--openpress-space-3) 0 var(--openpress-space-1);
+  font-size: clamp(
+    calc(10.4pt - var(--openpress-type-step-down)),
+    calc(2.25cqw - var(--openpress-type-step-down)),
+    calc(13.4pt - var(--openpress-type-step-down))
+  );
+  font-weight: 500;
+  color: var(--openpress-color-muted);
+}
+
+p,
+ol,
+ul {
+  color: var(--openpress-color-body);
+  font-size: clamp(
+    calc(8.6pt - var(--openpress-type-step-down)),
+    calc(1.92cqw - var(--openpress-type-step-down)),
+    calc(11pt - var(--openpress-type-step-down))
+  );
+  line-height: 1.8;
+}
+
+li {
+  margin-bottom: 1.2mm;
+}
+
+strong {
+  color: var(--openpress-color-ink);
+  font-weight: 700;
+}
+
+figcaption,
+caption {
+  color: var(--openpress-color-muted);
+  font-family: var(--openpress-font-body);
+  font-size: clamp(
+    calc(9pt - var(--openpress-type-step-down)),
+    calc(1.72cqw - var(--openpress-type-step-down)),
+    calc(10.5pt - var(--openpress-type-step-down))
+  );
+  font-weight: 500;
+  line-height: 1.55;
+  letter-spacing: 0;
+  text-align: center;
+}
+
+figure figcaption[class],
+table caption {
+  color: var(--openpress-color-muted);
+  font-family: var(--openpress-font-body);
+  font-size: clamp(
+    calc(9pt - var(--openpress-type-step-down)),
+    calc(1.72cqw - var(--openpress-type-step-down)),
+    calc(10.5pt - var(--openpress-type-step-down))
+  );
+  font-weight: 500;
+  line-height: 1.55;
+  letter-spacing: 0;
+  text-align: center;
+}
+
+caption {
+  caption-side: bottom;
+  margin: 2.6mm 0 0;
+}
+
+table {
+  border: 1px solid var(--openpress-color-line-strong);
+  border-collapse: collapse;
+  background: rgba(255, 253, 248, 0.78);
+  font-size: clamp(
+    calc(8pt - var(--openpress-type-step-down)),
+    calc(1.65cqw - var(--openpress-type-step-down)),
+    calc(10.5pt - var(--openpress-type-step-down))
+  );
+  line-height: var(--openpress-leading-table);
+}
+
+th,
+td {
+  padding: 2.7mm 2.4mm;
+  border-right: 1px solid var(--openpress-color-line);
+  border-bottom: 1px solid var(--openpress-color-line);
+}
+
+th:last-child,
+td:last-child {
+  border-right: 0;
+}
+
+th {
+  color: var(--openpress-color-ink);
+  background: var(--openpress-color-soft-line);
+  border-bottom: 1px solid var(--openpress-color-line-strong);
+  font-weight: 700;
+}
+
+.reader-page--content tbody tr:nth-child(even) td {
+  background: rgba(242, 238, 228, 0.48);
+}
+
+.reader-page--content table:not(.figure-grid) tbody tr:last-child td {
+  border-bottom: 0;
+}
+
+code {
+  font-family: var(--openpress-font-mono);
+  color: var(--openpress-color-ink);
+  background: var(--openpress-color-block);
+  border: 1px solid var(--openpress-color-line);
+  border-radius: 0;
+  font-size: 0.92em;
+}
+
+pre {
+  margin: var(--openpress-space-3) 0 var(--openpress-space-4);
+  padding: 4mm 4.5mm;
+  background: var(--openpress-color-block);
+  border: 1px solid var(--openpress-color-line-strong);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+pre code {
+  font-family: var(--openpress-font-mono);
+  font-size: clamp(
+    calc(8.2pt - var(--openpress-type-step-down)),
+    calc(1.72cqw - var(--openpress-type-step-down)),
+    calc(10.5pt - var(--openpress-type-step-down))
+  );
+  font-weight: 400;
+  line-height: 1.6;
+  color: var(--openpress-color-ink);
+  background: transparent;
+  border: 0;
+}
+
+figure {
+  margin: var(--openpress-space-4) 0;
+}
+
+.reader-page--content .page-body > figure {
+  width: min(92%, 156mm);
+}

package/template/skills/claude-document/starter/document/theme/fonts.css

@@ -0,0 +1,4 @@
+/* OpenPress copies this file to /openpress/fonts.css during export. */
+@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Noto+Sans+TC:wght@300;400;500;600;700&display=swap");
+
+/* Add @font-face declarations here only when a token references a bundled font. */

package/template/skills/claude-document/starter/document/theme/page-surfaces/back-cover.css

@@ -0,0 +1,72 @@
+/* page-surfaces / back-cover
+ * Refinements on top of cover.css. The current document keeps the back cover
+ * aligned with the chapter-opener composition: illustration, title, author.
+ */
+
+.back-cover-main {
+  align-items: flex-start;
+  justify-content: flex-end;
+  text-align: left;
+  max-width: 124mm;
+  bottom: 36mm;
+  padding-bottom: 0;
+}
+
+.back-cover-main--quiet {
+  flex: 0 1 auto;
+  gap: var(--openpress-space-2);
+}
+
+.back-cover-main--quiet .lecture-mark {
+  margin: 0 0 var(--openpress-space-2);
+  background: rgba(255, 253, 248, 0.72);
+}
+
+.back-cover-kicker {
+  margin: 0;
+  font-family: var(--openpress-font-body);
+  font-size: calc(9.5pt - var(--openpress-type-step-down));
+  font-weight: 700;
+  line-height: 1.2;
+  letter-spacing: 0;
+  padding: 2.2mm 6mm;
+  border: 1px solid currentColor;
+  border-radius: 999px;
+  background: transparent;
+  color: var(--chapter-opener-title);
+}
+
+.back-cover-statement {
+  margin: 0;
+  max-width: 118mm;
+  font-family: var(--openpress-font-serif);
+  font-size: clamp(
+    calc(24pt - var(--openpress-type-step-down)),
+    calc(5.2cqw - var(--openpress-type-step-down)),
+    calc(42pt - var(--openpress-type-step-down))
+  );
+  font-weight: 700;
+  line-height: 1.18;
+  letter-spacing: 0;
+  color: var(--chapter-opener-title);
+}
+
+.back-cover-summary {
+  margin: var(--openpress-space-2) 0 0;
+  max-width: 106mm;
+  font-family: var(--openpress-font-body);
+  font-size: clamp(
+    calc(9pt - var(--openpress-type-step-down)),
+    calc(1.65cqw - var(--openpress-type-step-down)),
+    calc(10.5pt - var(--openpress-type-step-down))
+  );
+  line-height: 1.8;
+  color: var(--chapter-opener-title);
+}
+
+.reader-page--back-cover .chapter-opener-illustration {
+  top: 26mm;
+  right: 18mm;
+  width: min(96mm, 46%);
+  opacity: 1;
+}