/* Shared card shell for preview/*.html — 700x150ish */
@font-face {
  font-family: "Instrument Serif";
  src: url("../fonts/InstrumentSerif-Regular.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("../fonts/InstrumentSerif-Italic.ttf") format("truetype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/JetBrainsMono-Regular.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  font-family: "Instrument Serif", Georgia, serif;
  background: #FAFAF9;
  color: #1C1917;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
}
body {
  padding: 20px 24px;
  min-height: 150px;
}
.mono { font-family: "JetBrains Mono", monospace; font-weight: 400; letter-spacing: 0.06em; }
.eyebrow { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: #78716C; font-weight: 400; }
.cap { font-family: "JetBrains Mono", monospace; font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: #A8A29E; }
.row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.col { display: flex; flex-direction: column; gap: 6px; }