@import url("../colors_and_type.css");

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--bg-page);
  color: var(--fg-1);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}
.card {
  width: 700px;
  padding: 32px 28px;
  background: var(--bg-page);
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.card.dark { background: var(--kiwi-black); color: var(--fg-on-dark-1); }
.eyebrow {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.dark .eyebrow { color: var(--kiwi-green-neon); }
.row { display: flex; gap: 12px; align-items: stretch; }
.meta {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--fg-3);
}