#dd .spotlight-stat-accent { color: var(--oh-lime); }
#dd .spotlight-study { display: none; }

@media (min-width: 1000px) {
  #dd .spotlight-study {
    display: block;
    width: min(540px, calc(100% - 64px));
    margin: 22px auto 0;
    padding: 0 18px;
    border: 1px solid var(--oh-line-dark);
    border-radius: 20px;
    color: white;
    text-align: left;
    font: 400 14px/1.5 var(--oh-font);
  }

  #dd .spotlight-study summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 46px;
    font-weight: 500;
    list-style: none;
    cursor: pointer;
  }

  #dd .spotlight-study summary::-webkit-details-marker { display: none; }
  #dd .spotlight-study[open] { padding-bottom: 14px; }
  #dd .spotlight-study[open] .mix-plus { transform: rotate(45deg); }
  #dd .spotlight-study p { margin: 0 0 8px; color: var(--oh-soft-dark); }
  #dd .spotlight-study a { color: inherit; }

  #dd #six-greens[data-connection] .mix-benefit-list > .sf-active {
    box-shadow: inset 0 1px var(--oh-lime);
  }
}