/* The meals carry the daily habit in this trial. */
#dk-belief#dk-belief { display: none; }

@media (min-width: 1000px) {
  #dd #six-greens[data-connection] {
    --portrait-gap: clamp(10px, 2vw, 24px);
  }

  #dd #six-greens[data-connection] > ul,
  #dd #six-greens[data-connection] .mix-benefit-list {
    gap: var(--portrait-gap);
  }

  #dd #six-greens[data-connection] .nc-pairs {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--portrait-gap);
    width: min(1060px, 100%);
    margin: 16px auto 0;
  }

  #dd .nc-pairs > span {
    position: relative;
    grid-column: span 2;
    height: 24px;
    color: var(--oh-line-dark);
  }

  #dd .nc-pairs > [data-active] { color: var(--oh-lime); }

  #dd .nc-pairs > span::before {
    content: "";
    position: absolute;
    inset: 0 calc((100% - var(--portrait-gap)) / 4) auto;
    height: 9px;
    border: 1px solid currentColor;
    border-top: 0;
    border-radius: 0 0 4px 4px;
  }

  #dd .nc-pairs > span::after {
    content: "";
    position: absolute;
    inset: 9px auto 0 50%;
    border-left: 1px solid currentColor;
  }

  #dd #six-greens[data-connection] .sf-benefit { padding-right: 0; }
  #dd #six-greens[data-connection] .mix-benefit-list h4 { min-height: 0; }

  #dd #six-greens[data-connection] .nc-spotlight {
    grid-template-columns: minmax(132px, .7fr) minmax(0, 2fr) minmax(140px, .75fr);
    min-height: 122px;
  }

  #dd .nc-spotlight-benefit {
    border-left: 1px solid var(--oh-line-dark);
    padding-left: 18px;
  }

  #dd .nc-spotlight-benefit strong { font-size: 18px; }

  #dd #six-greens[data-connection="hybrid"] .nc-spotlight { margin-top: 0; }
  #dd #six-greens[data-connection="brackets"] .mix-benefits { margin-top: 0; }
  #dd #six-greens[data-connection="brackets"] .nc-spotlight,
  #dd #six-greens[data-connection="spotlight"] .nc-pairs { display: none; }
}