.complete-recipe-options { margin: 1.3rem 0; padding: 1rem; border: 1px solid #b6cdc1; border-radius: 14px; min-width: 0; background: #f7faf6; }
.complete-recipe-options legend { font-weight: 700; padding: 0 .35rem; }
.complete-recipe-options label { display: flex; flex-direction: column; gap: .4rem; font-size: .92rem; margin: .6rem 0; }
.complete-recipe-options label:has(input[type=checkbox]) { flex-direction: row-reverse; justify-content: flex-end; align-items: center; }
.complete-recipe-options input[type=checkbox] { width: 1.15rem; min-height: 1.15rem; height: 1.15rem; flex: 0 0 auto; }
.complete-recipe-options input:not([type=checkbox]), .complete-recipe-options select { width: 100%; min-width: 0; }
.complete-recipe-fields { border: 0; margin: .9rem 0 0; padding: 0; min-width: 0; }
.complete-recipe-fields > legend { font-size: 1rem; }
.recipe-cuisines { border: 0; padding: .6rem 0; margin: 0; min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 .8rem; }
.recipe-cuisines legend, .recipe-cuisines p { grid-column: 1 / -1; }
.complete-recipe-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .3rem .8rem; }
.complete-recipe-options [hidden], .complete-recipe-grid[hidden] { display: none !important; }
.complete-recipe-content { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 0 2rem; align-items: start; min-width: 0; overflow-wrap: anywhere; }
.complete-recipe-content > * { min-width: 0; }
.complete-recipe-intro { grid-column: 1 / -1; max-width: 90ch; }
.complete-recipe-content section { margin-top: 1.5rem; }
.recipe-cuisine-label { color: #386447; font-weight: 700; }
.complete-recipe-facts { font-weight: 600; }
.recipe-quality-note { padding: .8rem 1rem; background: #edf2e8; border-radius: 8px; font-size: .88rem; }
.complete-recipe-ingredients { display: grid; grid-template-columns: minmax(0,1fr); gap: .5rem 1.5rem; }
.complete-recipe-ingredients > h3, .complete-recipe-ingredients > h4, .complete-recipe-ingredients > p { grid-column: 1 / -1; }
.recipe-component h4 { margin: .5rem 0; font-size: 1rem; }
.recipe-component .recipe-ingredients { margin-top: .4rem; }
.recipe-ingredient-form { display: block; margin-top: .2rem; color: #546458; font-size: .76rem; font-weight: 400; line-height: 1.4; }
.complete-recipe-steps li { padding-bottom: .8rem; font-size: .95rem; line-height: 1.55; }
.complete-recipe-steps p { margin: 0 0 .35rem; }
.step-timing { color: #546458; font-size: .85rem; }
.recipe-nutrition-info { margin: .7rem 0; font-size: .88rem; line-height: 1.5; }
.recipe-nutrition-info summary { cursor: pointer; }
.recipe-nutrition-info p { margin: .5rem 0; }
.recipe-nutrition-sources { margin-top: .7rem; overflow-wrap: anywhere; }
.recipe-parallel-plan { padding: .65rem .8rem; margin-bottom: 1rem; border-left: 3px solid #b6cdc1; background: #f7faf6; color: #42594d; font-size: .88rem; line-height: 1.5; }
.recipe-parallel-plan p { margin: .25rem 0; }
.complete-feedback-dialog label { display: flex; flex-direction: column; gap: .4rem; margin: .8rem 0; }
.complete-feedback-dialog select, .complete-feedback-dialog textarea, .complete-feedback-dialog input { width: 100%; }
.recipe-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.recipe-actions button { white-space: normal; }
.recipe-plan-revision { font-size: .9rem; color: #42594d; }
.recipe-search-status { max-width: 90ch; margin: .8rem 0; font-size: .9rem; }
.recipe-search-status p { margin: .4rem 0; }
.recipe-purchase-explanation { padding: 1rem; margin: 1rem 0; border: 1px solid #b6cdc1; border-radius: 12px; }
.recipe-product-declaration { margin-top: .7rem; font-size: .85rem; overflow-wrap: anywhere; }
.recipe-product-declaration summary { cursor: pointer; }
.recipe-planning-diagnostics { margin-top: 1rem; overflow-wrap: anywhere; }
.recipe-planning-diagnostics summary { cursor: pointer; font-weight: 700; }
.recipe-planning-diagnostics li { margin-bottom: .6rem; }
@media (max-width: 760px) {
  .complete-recipe-content { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 520px) {
  .complete-recipe-grid, .complete-recipe-ingredients { grid-template-columns: minmax(0,1fr); }
  .complete-recipe-options { padding: .8rem; }
  .recipe-actions { flex-direction: column; }
  .recipe-actions button { width: 100%; }
}