/* @region feature-exploratory-sessions — responsive feature surfaces */
.ft-exploratory-sessions { display: grid; gap: 12px; color: var(--text); min-width: 0; }
.ft-exploratory-sessions label { display: grid; gap: 6px; }
.ft-exploratory-sessions .input { width: 100%; min-width: 0; box-sizing: border-box; }
.ft-exploratory-sessions .btn { min-height: 44px; white-space: normal; }
.ft-exploratory-sessions .btn.primary { background: var(--accent); color: var(--bg); border-color: var(--accent); box-shadow: none; }
.ft-exploratory-sessions-row { display: grid; gap: 8px; text-align: left; padding: 16px; border: 1px solid var(--border); background: var(--panel); color: var(--text); border-radius: 8px; overflow-wrap: anywhere; }
.ft-exploratory-sessions-public { max-width: 900px; margin: 0 auto; padding: 24px; }
.ft-exploratory-sessions-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.ft-exploratory-sessions-video { width: 100%; max-height: 480px; }
@media (max-width: 900px) {
 .ft-exploratory-sessions { padding: 12px; }
 .ft-exploratory-sessions-row { min-height: 44px; padding: 12px; }
 .ft-exploratory-sessions-public { padding: 16px; }
}
/* @endregion feature-exploratory-sessions */