.member-session-summary {
  display: grid;
  gap: 10px;
  justify-items: end;
  align-content: start;
}

.member-session-pill {
  display: inline-flex;
  align-items: center;
  max-width: min(100%, 340px);
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid var(--member-session-pill-border, rgba(216, 223, 235, 0.92));
  border-radius: 999px;
  background: var(--member-session-pill-bg, rgba(255, 255, 255, 0.9));
  box-shadow: var(--member-session-pill-shadow, 0 16px 36px rgba(17, 31, 60, 0.08));
  color: var(--member-session-pill-text, var(--text, #132238));
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
  backdrop-filter: blur(16px);
}

.member-session-pill--primary {
  background: var(--member-session-pill-primary-bg, rgba(255, 255, 255, 0.96));
  color: var(--member-session-pill-primary-text, var(--text, #132238));
}

.member-session-pill--secondary {
  min-height: 42px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--member-session-pill-secondary-text, var(--muted, #60708b));
  text-align: right;
  white-space: normal;
}

@media (max-width: 900px) {
  .member-session-summary {
    width: 100%;
    justify-items: start;
  }

  .member-session-pill {
    max-width: 100%;
  }

  .member-session-pill--secondary {
    text-align: left;
  }
}