/* The existing membership benefits are always visible on desktop. */
@media (min-width: 1000px) {
  body.flow-refinement #unit-plans#unit-plans #plans .support-details {
    margin-top: 24px;
    border-top: 0;
  }

  body.flow-refinement #unit-plans#unit-plans #plans .plan-perks-visible {
    margin: 0 0 16px;
    padding: 0;
  }

  body.flow-refinement #unit-plans#unit-plans #plans .plan-perks-visible #member-perks {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  body.flow-refinement #unit-plans#unit-plans #plans .plan-perks-visible li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: var(--oh-small);
    line-height: 1.5;
    color: var(--oh-ink);
  }

  body.flow-refinement #unit-plans#unit-plans #plans .plan-perks-visible li svg {
    flex: none;
    width: 16px;
    height: 16px;
    margin-top: 2px;
  }

  body.flow-refinement #unit-plans#unit-plans #plans .plan-perks-visible > p {
    margin: 10px 0 0 26px;
    font-size: var(--oh-small);
    line-height: 1.5;
    color: var(--oh-muted);
  }

  body.flow-refinement #unit-plans#unit-plans #plans #comparison-table tr > :is(th, td) {
    background: transparent;
    border-radius: 0;
  }

  body.flow-refinement #unit-plans#unit-plans #plans #comparison-table tr > .is-selected-plan {
    background: var(--oh-mist);
  }

  body.flow-refinement #unit-plans#unit-plans #plans #comparison-table thead tr > .is-selected-plan {
    border-radius: 12px 12px 0 0;
  }

  body.flow-refinement #unit-plans#unit-plans #plans #comparison-table tbody tr:last-child > .is-selected-plan {
    border-radius: 0 0 12px 12px;
  }
}