.recipe-actions {
  margin: 28px 0;
  text-align: center;
}

.recipe-actions button {
  padding: 13px 23px;
  border: 0;
  border-radius: 10px;
  background: var(--sage);
  color: #fff;
  font: 700 15px inherit;
  cursor: pointer;
}

.recipe-actions p {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.recipe-card {
  margin: 28px 0 36px;
  padding: 26px;
  border: 1px solid #d9e0d7;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(52, 58, 53, 0.06);
}

.recipe-name-label,
.trial-notes-section label,
.generated-sop strong {
  display: block;
  margin-bottom: 8px;
  color: var(--sage);
  font-size: 13px;
  font-weight: 700;
}

.recipe-name,
.trial-notes-section textarea {
  width: 100%;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fcfcfa;
  color: var(--ink);
  font: inherit;
}

.recipe-meta { margin: 10px 0 20px; color: var(--muted); font-size: 13px; }
.generated-ingredients { border-top: 1px solid var(--line); }
.generated-ingredient { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid var(--line); color:var(--ink); font-size:14px; }
.generated-ingredient b { color:var(--sage); white-space:nowrap; }
.generated-sop { margin-top:22px; }
.generated-sop ol { margin:0; padding-left:20px; color:var(--muted); font-size:13px; line-height:1.8; }
.generated-sop li + li { margin-top:6px; }
.trial-notes-section { margin-top:22px; padding-top:20px; border-top:1px solid var(--line); }
.trial-notes-section textarea { resize:vertical; line-height:1.7; }
.trial-notes-section small { display:block; margin-top:7px; color:var(--muted); font-size:11px; line-height:1.6; }
.ingredient-hint { margin:8px 0 0; color:var(--sage); font-size:12px; line-height:1.7; }

@media (max-width:600px) { .recipe-card { padding:20px; } }