.portfolio-group-context {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: var(--muted, color-mix(in srgb, #716f69 var(--tint-text), var(--ink)));
  font-size: 0.76rem;
}
.portfolio-group-context span {
  font-weight: 750;
}
.portfolio-group-context b {
  padding: 3px 7px;
  border-radius: 999px;
  background: var(
    --soft,
    color-mix(in srgb, #f1eee7 var(--tint-fill), var(--card))
  );
  color: inherit;
  font-size: 0.7rem;
}
.history-group-context {
  display: block;
  color: var(
    --accent,
    color-mix(in srgb, #ef321d var(--tint-text), var(--ink))
  );
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.02em;
}

@media (min-width: 701px) and (max-width: 1050px) {
  .portfolio-section .position-table-head {
    display: none;
  }
  .portfolio-section .position-row {
    grid-template-columns: minmax(0, 1fr) 72px 100px;
    gap: 12px;
  }
  .portfolio-section .position-row .position-open {
    grid-column: 1 / 3;
    grid-row: 1;
  }
  .portfolio-section .position-row .position-outcome {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }
  .portfolio-section .position-row .position-cell {
    grid-row: 2;
  }
  .portfolio-section .position-row .position-cell .sr-only {
    position: static;
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 4px;
    overflow: visible;
    clip: auto;
    white-space: normal;
    color: var(--rf-muted);
    font-size: 10px;
  }
  .portfolio-section .position-row .position-actions {
    grid-column: 1 / -1;
    grid-row: 3;
    justify-self: stretch;
    justify-content: flex-end;
  }
}