/* Styles for recipe card HTML fragments generated by build_recipe_repo.py.
   Expects theme.css to be loaded first for color variables. */

.recipe-card {
  margin-bottom: 2rem;
  padding: 1rem 0;
}
.recipe-card h2 {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.recipe-card .macro-table {
  width: auto;
  margin: 0.5rem 0 1rem;
}
.recipe-card .macro-table th,
.recipe-card .macro-table td {
  padding: 0.3rem 0.6rem;
  text-align: center;
}
.recipe-card .meta {
  color: var(--text-dim);
  font-size: 0.9em;
  margin-bottom: 0.75rem;
}
.recipe-card .meta a {
  color: var(--accent);
}