.recipe {
  flex-flow: row wrap;

  #execution {
    flex-grow: 2;
    /* min-width: 60ch; */
    width: min-content;
  }
}


table {
  table-layout: fixed;
  padding: 8px;

  border: 2px solid #F5F5F5;
  border-radius: 8px;

  td, th {
    padding: 4px 8px;
    text-align: left;
  }
}


#ingredients table {
  td, th {
    text-align: left;
    min-width: max-content;
  }
  tr :nth-child(1), tr :nth-child(3) {
    text-align: right;
  }
  tr :nth-child(2) {
    width: auto;
  }
}


@media (width > 800px) {
  /* main { */
    /* max-width: 1000px; */
  /* } */

  .recipe section {
    width: auto;
  }

  #ingredients {
    width: min-content;
  }

  #execution {
  }

  table#overview {
    width: max-content;
  }
}

@media (prefers-color-scheme: dark) {
  table {
    border-color: #373737;
  }
}