.participant-context { margin-top: 20px; margin-bottom: 20px; padding: 16px 20px; border: 1px solid #bbd2e7; border-left: 5px solid #31629e; border-radius: 8px; background: #edf4fa; color: #173354; overflow-wrap: anywhere; }
.participant-context-heading { display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 12px; }
.participant-context-home { text-decoration: underline; }
.participant-context-switch { margin-top: 12px; }
.participant-context-switch summary { cursor: pointer; font-weight: 600; text-decoration: underline; padding: 6px 0; }
.participant-context-switch summary:focus-visible { outline: 2px solid #31629e; }
.participant-context-form { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.participant-context-form .form-select { flex: 1 1 220px; min-width: 0; width: auto; }
.participant-context .btn { white-space: normal; }
@media (max-width: 767px) { .participant-context-form { flex-direction: column; align-items: stretch; } .participant-context-form .form-select { flex: none; width: 100%; } }