/* The specimen sheet's own layout; the specimens are dressed by web/zine/. */
.sheet { max-width: 1000px; margin: 0 auto; padding: 24px 20px 60px; color: var(--ink); font-family: var(--text); }
.sheet h1 { font: 40px/1 var(--display); margin: 0 0 18px; }
.sheet h2 { font: 15px/1 var(--mod); letter-spacing: 0.08em; text-transform: uppercase; margin: 26px 0 10px; }
.row { display: flex; flex-wrap: wrap; gap: 14px; align-items: stretch; }
.cell { margin: 0; padding: 10px; min-width: 120px; background: var(--bubble); border: 2px solid var(--comic); display: flex; flex-direction: column; justify-content: space-between; gap: 10px; }
.cell > figcaption { font: 600 11px/1.3 var(--text); color: var(--ink-dim); }
.cell small { font: 11px/1.3 var(--text); color: var(--ink-dim); }
.stage { position: relative; display: flex; align-items: center; justify-content: center; min-height: 64px; padding: 16px 12px 6px; }
.word { position: relative; font: 600 15px/1.2 var(--text); }
.swatch { display: block; width: 100%; height: 30px; }
.paper-demo { width: 200px; margin: 0; }
.paper-demo.short { width: 120px; text-align: center; }
.z-notebook.paper-demo { list-style: none; font: 14px var(--text); }
.copy-demo { padding: 20px; width: 200px; font: 14px var(--text); background: var(--bubble); }
#board { display: block; max-width: 100%; height: auto; border: 2px solid var(--comic); }