/* Shared card chrome — transparent background, fills the registered viewport */
@import url('../colors_and_type.css');

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg-canvas);
  color: var(--fg-primary);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
}
body {
  padding: 20px 24px;
  box-sizing: border-box;
}
* { box-sizing: border-box; }

.row { display: flex; gap: 12px; align-items: stretch; }
.col { display: flex; flex-direction: column; gap: 12px; }
.stack { display: flex; flex-direction: column; }
.grow { flex: 1; }
.mono { font-family: var(--font-mono); }