.recipe__header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.recipe__title {
  font-size: var(--xlarge);
  font-weight: 600;

  & a {
    text-decoration: none;
    color: var(--black);
  }
}

.recipe__image--main {
  max-height: calc(var(--xgigantic) * 4);
  overflow: hidden;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;

  & img {
    max-width: 100%;
    height: auto;
  }
}

.recipe__image-owner {
  position: absolute;
  left: var(--small);
  bottom: var(--small);
  color: var(--white);
  text-shadow: 0 1px 3px black;
}

.recipe__image-delete {
  position: absolute;
  bottom: var(--small);
  right: var(--small);
}

.recipe-images__input-icon {
  width: var(--xxlarge);
  height: var(--xxlarge);
}

.recipe__image--thumbs {
  display: flex;
  gap: calc(var(--small) + var(--xtiny));
  align-items: center;
  justify-content: center;
}

.recipe__capture-image {
  display: none;
}

.recipe__attribution {
  font-weight: 300;
  font-style: italic;
  font-size: var(--medium);
}

.recipe-instructions {
  display: flex;
  gap: var(--medium);
}
.recipe-ingredients {
  background-color: white;
  padding: var(--large);
  border-radius: var(--tiny);
  box-shadow: 0 1px 4px 0 var(--lighten-15-dark-vanilla);
}

.recipe__ingredient {
  padding-top: var(--xsmall);
  padding-bottom: var(--xsmall);
}

.recipe__ingredient:has(input:checked) {
  color: var(--dark-vanilla);
}

.recipe__details, .recipe__timings {
  display: flex;
  gap: var(--medium)
}

.recipe-directions {
  flex-grow: 1;
  flex-shrink: 5;
  background-color: white;
  padding: var(--large);
  border-radius: var(--tiny);
  box-shadow: 0 1px 4px 0 var(--lighten-15-dark-vanilla);
}

.ingredient-input {
  margin: 0.4rem 1rem 0 0;
}

.section-direction {
  display: grid;
  grid-template-columns: calc(var(--large) + var(--xsmall)) auto;
  grid-row-gap: var(--medium);
}

.direction {
  & p {
    margin: 0;
  }
}

@media only screen and (max-width: 700px) {
  .recipe-instructions {
    flex-direction: column;
  }
}