.page-title {
  text-align: center;
  color: #0000FF;
}

.divider {
  width: 80%;
  height: 2px;
  background-color: #ccc;
  margin: 20px auto;
}

.recipe-columns {
  display: flex;
  gap: 20px;
}

.ingredients, .instructions {
  flex: 1;
}

button {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px 15px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
}

button:hover {
  background-color: #0056b3;
}

.divider {
  width: 80%;
  height: 2px;
  background-color: #ccc;
  margin: 20px auto;
}

.recipe {
  margin-bottom: 40px;
}

.cornbread-highlight {
    background-color: #fffaf0; /* A very light, warm off-white or cream */
    border: 1px solid #e0c28d; /* A subtle border, perhaps a light gold/brown */
    border-left: 5px solid #d4a700; /* A more prominent accent border on the left */
    padding: 1.5em; /* Generous padding inside the box */
    margin: 2em auto; /* Provides space above and below, and centers the box */
    max-width: 700px; /* Adjust this to fit nicely within your main content width */
    box-shadow: 2px 2px 8px rgba(0,0,0,0.1); /* A soft shadow for a "lifted" effect */
    border-radius: 5px; /* Slightly rounded corners */
}

.cornbread-highlight h3 {
    margin-top: 0; /* Remove default top margin for the h3 within this box */
    margin-bottom: 0.8em; /* Space below the heading */
    color: #8c6a00; /* A darker, complementary color for the heading */
    font-size: 1.2em; /* Slightly larger font for emphasis */
    text-align: center; /* Center the heading within the box */
}

.cornbread-highlight p {
    font-size: 0.95em; /* Slightly smaller text for the content within the box */
    line-height: 1.6; /* Good readability */
    color: #333; /* Standard text color */
    margin-bottom: 0; /* Remove default bottom margin for the last paragraph */
}