/* colophon page · 工艺说明 */

.colophon-head {
  padding-top: var(--s-8);
  padding-bottom: var(--s-7);
}
.colophon-head__inner { padding: 0 var(--s-5); }
.colophon-head__eyebrow { margin-bottom: var(--s-2); }
.colophon-head__title { margin-bottom: var(--s-3); text-wrap: balance; }
.colophon-head__sub { margin-bottom: var(--s-4); }
.colophon-head__lead { color: var(--ink-soft); }

.colophon-meta { padding-top: var(--s-6); padding-bottom: var(--s-7); }
.colophon-meta__inner { padding: 0 var(--s-5); }

.colophon-table { list-style: none; margin: 0; padding: 0; }
.colophon-row {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: var(--s-4);
  padding: var(--s-4) 0;
  border-bottom: var(--border-hairline);
  align-items: baseline;
}
.colophon-row__key {
  font-family: var(--font-sans-cn);
  font-size: var(--fs-meta);
  color: var(--ink-meta);
  letter-spacing: var(--ls-meta);
  text-transform: uppercase;
}
.colophon-row__value {
  font-family: var(--font-serif-cn);
  font-size: var(--fs-body-sm);
  line-height: var(--lh-body);
  color: var(--ink-soft);
}

.colophon-note-section { padding-top: var(--s-6); padding-bottom: var(--s-7); }
.colophon-note-section__inner { padding: 0 var(--s-5); }
.colophon-note {
  font-family: var(--font-serif-cn);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--ink-soft);
}

.colophon-seal-section { padding-top: var(--s-7); padding-bottom: var(--s-8); }
.colophon-seal-section__inner {
  max-width: var(--w-prose);
  margin-left: auto;
  margin-right: auto;
  padding: 0 var(--s-5);
  text-align: center;
}
.colophon-seal img { display: inline-block; transform: rotate(-4deg); }
.colophon-signature {
  margin-top: var(--s-4);
  font-family: var(--font-sans-cn);
  font-size: var(--fs-meta);
  color: var(--ink-meta);
}

@media (max-width: 768px) {
  .colophon-row { grid-template-columns: 1fr; gap: var(--s-2); }
}