/* Desktop and keyboard refinements; load after recipe-proposals.css. */
@media (min-width: 761px) {
  .recipe-proposal {
    width: min(840px, calc(100vw - 64px));
    max-height: calc(100dvh - 64px);
    padding: 24px 32px 32px;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
    scroll-padding-block: 68px 28px;
  }

  .recipe-proposal .recipe-close {
    position: sticky;
    top: -24px;
    z-index: 3;
    min-height: 44px;
    padding: 10px 14px;
    background: #0d120f;
    border: 1px solid #465148;
  }

  .recipe-proposal [data-recipe-body] { min-width: 0; }
  .recipe-proposal h2 { max-width: 22ch; }
  .recipe-proposal p { max-width: 70ch; }
  .recipe-proposal form { gap: 24px; }
  .recipe-proposal .recipe-columns { gap: 20px; }
  .recipe-proposal .recipe-ingredient {
    grid-template-columns: minmax(0, 2.4fr) minmax(100px, 1fr) minmax(100px, 1fr);
    align-items: end;
    padding-bottom: 16px;
    border-bottom: 1px solid #28352c;
  }
  .recipe-proposal [data-remove-ingredient] { min-height: 34px; }
  .recipe-proposal [data-add-ingredient] { min-height: 44px; }
  .recipe-proposal textarea { resize: vertical; min-height: 88px; }
  .recipe-proposal textarea[name="method"] { min-height: 150px; }
  .recipe-proposal .race-action { justify-self: start; min-width: 180px; }
  .recipe-proposal .quiz-option { min-height: 48px; box-sizing: border-box; }
  .recipe-proposal .quiz-option:hover { border-color: #c47143; }
  .recipe-proposal .quiz-progress { align-items: center; gap: 20px; }
  .recipe-proposal .quiz-progress strong { min-width: 4ch; text-align: right; }
  .recipe-proposal :is(button, a, input, select, textarea):focus-visible {
    outline: 2px solid #ff914d;
    outline-offset: 4px;
  }
  .recipe-proposal .quiz-option:focus-within { outline: 2px solid #ff914d; outline-offset: 3px; }
  .recipe-proposal input[type="file"]::file-selector-button {
    border: 1px solid #ff914d;
    background: #161d17;
    color: #ffb07f;
    font: inherit;
    padding: 8px 12px;
    margin-right: 14px;
    cursor: pointer;
  }
}

/* Keep all four answers and the submit action usable on short desktop windows. */
@media (min-width: 761px) and (max-height: 780px) {
  .recipe-proposal:has([data-quiz]) { padding-block: 12px 20px; max-height: calc(100dvh - 24px); }
  .recipe-proposal:has([data-quiz]) .recipe-close { top: -12px; }
  .recipe-proposal:has([data-quiz]) h2 { font-size: 28px; margin: 6px 0 12px; }
  .recipe-proposal:has([data-quiz]) form { gap: 10px; }
  .recipe-proposal:has([data-quiz]) p { margin: 8px 0; }
  .recipe-proposal:has([data-quiz]) fieldset { padding: 8px 14px; }
  .recipe-proposal:has([data-quiz]) legend { font-size: 18px; padding-block: 4px; }
  .recipe-proposal:has([data-quiz]) .quiz-option { margin-block: 7px; padding: 10px 12px; }
}