@media (min-width: 1000px) {
  html body #unit-nutrition#unit-nutrition#unit-nutrition #why.dd-on [data-nutrition-layout] #dd-title {
    max-width: 1200px;
    padding-inline: 24px;
    font-size: clamp(42px, 3.62vw, 52px);
    font-weight: 600;
    line-height: 1.06;
    letter-spacing: -.045em;
    text-wrap: balance;
  }

  html body #unit-nutrition#unit-nutrition#unit-nutrition #why.dd-on [data-nutrition-layout] .dd-claim {
    gap: 14px;
  }

  html body #unit-nutrition#unit-nutrition#unit-nutrition #why.dd-on [data-nutrition-layout] :is(.dd-up, .dd-more) {
    font-size: clamp(34px, 3.06vw, 44px);
    font-weight: 600;
  }

  html body #unit-nutrition#unit-nutrition#unit-nutrition #why.dd-on [data-nutrition-layout] .dd-num {
    font-size: clamp(72px, 6.1vw, 88px);
  }

  html body #unit-nutrition#unit-nutrition#unit-nutrition #why.dd-on [data-harvest-ring].restored-opening-why {
    width: calc(100% - 64px);
    max-width: 680px;
    margin-top: 26px;
    padding: 15px 24px;
    border: 1px solid var(--oh-line-dark);
    border-radius: 20px;
    background: rgba(255, 255, 255, .035);
    font-size: 16px;
    text-wrap: pretty;
  }

  html body #unit-nutrition#unit-nutrition#unit-nutrition #why.dd-on [data-harvest-ring][data-sprout].restored-opening-why {
    min-height: 86px;
    padding-inline-start: 90px;
    align-content: center;
    text-align: start;
  }

  #dd [data-harvest-ring][data-sprout]::before {
    content: "";
    position: absolute;
    inset-inline-start: 16px;
    top: 50%;
    width: 54px;
    height: 54px;
    border: 1px solid color-mix(in srgb, var(--oh-lime) 42%, transparent);
    border-radius: 50%;
    background: rgba(164, 205, 58, .045);
    transform: translateY(-50%);
  }

  #dd [data-harvest-ring][data-sprout] .opening-sprout {
    inset-inline-start: 26px;
    inset-inline-end: auto;
    width: 34px;
    height: 38px;
    transform: translateY(-50%);
  }

  body.selection-flow #dd[data-nutrition-layout] #six-greens {
    margin-top: 56px;
  }

  body.selection-flow #dd[data-nutrition-layout] #assembly-mix-title {
    font-size: clamp(52px, 4.45vw, 64px);
    font-weight: 600;
    letter-spacing: -.05em;
    line-height: 1.02;
  }

  body.selection-flow #dd[data-nutrition-layout] #six-greens > p {
    margin-top: 16px;
    font-size: 18px;
  }

  body.selection-flow #dd[data-nutrition-layout] .mix-benefit-list h4 {
    font-size: clamp(26px, 2.36vw, 34px);
  }

  #dd[data-nutrition-layout] #six-greens::before {
    content: "";
    display: block;
    width: min(120px, 100%);
    height: 1px;
    margin: 0 auto 44px;
    background: var(--oh-line-dark);
  }

  #dd[data-nutrition-layout] .nc-plant-badge {
    display: inline-block;
    width: fit-content;
    margin: 10px 0 2px;
    padding: 5px 12px;
    border: 1px solid var(--oh-line-dark);
    border-radius: 999px;
    background: rgba(255, 255, 255, .045);
    color: var(--oh-soft-dark);
    font: 500 12px/1.35 var(--oh-font);
  }

  #dd .nc-green {
    display: grid;
    justify-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font: 500 var(--oh-row)/1.3 var(--oh-font);
    cursor: pointer;
  }

  #dd .nc-green:focus-visible {
    outline: 2px solid var(--oh-lime);
    outline-offset: 5px;
  }

  #dd .nc-green[data-nc-related] img {
    border-color: color-mix(in srgb, var(--oh-lime) 52%, transparent);
  }

  #dd .nc-green:is([aria-pressed="true"], :hover, :focus-visible) img {
    border-color: var(--oh-lime);
    box-shadow: 0 0 0 1px var(--oh-lime);
  }

  #dd #six-greens .nc-spotlight {
    display: grid;
    grid-template-columns: minmax(158px, .7fr) minmax(0, 2fr);
    align-items: center;
    gap: 24px;
    width: min(1060px, 100%);
    min-height: 100px;
    margin: 30px auto 0;
    padding: 18px 24px;
    border: 1px solid var(--oh-line-dark);
    border-radius: 20px;
    background: rgba(255, 255, 255, .045);
    text-align: left;
  }

  #dd .nc-spotlight-heading {
    display: grid;
    gap: 5px;
  }

  #dd .nc-spotlight-heading span {
    color: var(--oh-soft-dark);
    font: 600 12px/1.4 var(--oh-font);
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  #dd .nc-spotlight-heading strong {
    color: #fff;
    font: 500 22px/1.25 var(--oh-font);
  }

  #dd #six-greens .nc-spotlight p {
    max-width: 61ch;
    margin: 0;
    font-size: 16px;
    text-align: left;
  }

  .nc-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    clip-path: inset(50%);
    overflow: hidden;
  }

  #unit-nutrition #dd[data-nutrition-layout] #desktop-benefits .mix-depth .cp-chapters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px;
  }

  #unit-nutrition #dd[data-nutrition-layout] #desktop-benefits .mix-depth .cp-context {
    margin-bottom: 20px;
  }

  #dd[data-nutrition-layout] .nc-research-links {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #unit-nutrition #dd[data-nutrition-layout] #desktop-benefits .mix-depth .proof-scope {
    max-width: none;
    margin-top: 24px;
  }
}
