.sidebar-grid > .site-main {
  /* from 3 / 11 → now start at 1 */
  grid-column: 1 / 11;
}

/* Tighten up paragraph spacing site-wide */
.text-content p {
    margin-top: 0;
    margin-bottom: 0.5em; /* adjust as you like */
  }
  
  ul {
    margin-block-start: 0.25em;
    margin-block-end: 0.25em;
    margin-inline-start: 1.5em;
    margin-inline-end: 0;
    padding-inline-start: 0;
    list-style-type: disc;
    list-style-image: none;
  }

  ol {
    margin-block-start: 0.25em;
    margin-block-end: 0.25em;
    margin-inline-start: 1.5em;
    margin-inline-end: 0;
    padding-inline-start: 0;
  }

  /* Flex container for teaser row */
.teaser-row {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* Left column: image */
.teaser-image {
  flex: 3;
}

/* Ensure the image fills its container */
.teaser-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 0.5rem;
}

/* Right column: ingredients */
.teaser-ingredients {
  flex: 4;
  background-color: #fafafa;
  padding: 0.75rem;
  border-radius: 0.5rem;
}

/* Mobile / narrow screens: stack image above ingredients */
@media (max-width: 600px) {
  .teaser-row {
    flex-direction: column;
  }
  .teaser-image,
  .teaser-ingredients {
    /* Make each take full width */
    flex: none;
    width: 100%;
  }
  .teaser-image {
    /* Optional: add some bottom margin so they don’t butt right up */
    margin-bottom: 1rem;
  }
}