.page {
  max-width: 640px;
  margin-inline: auto;
  padding-block: var(--space-8);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.eyebrow {
  font-family: var(--font-heading); font-weight: 600; font-size: var(--text-xs);
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-accent-text);
}

.title { font-size: var(--text-2xl); }

.card { display: flex; flex-direction: column; gap: var(--space-4); }
.row { display: flex; }

.details { display: flex; flex-direction: column; gap: var(--space-3); }
.details dt {
  font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.08em;
  color: var(--color-text-subtle);
}
.details dd { font-size: var(--text-md); margin-top: var(--space-1); }
.code { font-family: var(--font-mono); font-size: var(--text-sm); }

.footnote { font-size: var(--text-sm); color: var(--color-text-subtle); }