/* Microsite2026 Speakers page list */
.speakers-list .sl-list { display: flex; flex-direction: column; }
.speakers-list .sl-speaker { display: flex; align-items: center; gap: 1.25rem; padding: 1.25rem .75rem; border-bottom: 1px solid var(--bs-border-color); border-radius: .5rem; }
.speakers-list .sl-speaker:last-child { border-bottom: 0; }
.speakers-list .sl-speaker.has-profile { cursor: pointer; transition: background-color .15s; }
.speakers-list .sl-speaker.has-profile:hover,
.speakers-list .sl-speaker.has-profile:focus-visible { background: var(--bs-tertiary-bg, #f8f9fa); }
.speakers-list .sl-photo { width: 96px; height: 96px; flex: none; border-radius: 50%; object-fit: cover; border: 3px solid #fff; box-shadow: 0 0 0 1px var(--bs-border-color), 0 2px 8px rgba(0, 0, 0, .08); }
.speakers-list .sl-body { min-width: 0; }
.speakers-list .sl-topic { font-size: .8rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--secondary, #f24e21); margin-bottom: .2rem; }
.speakers-list .sl-name { font-size: 1.1rem; font-weight: 700; margin: 0 0 .25rem; }
.speakers-list .sl-linkedin { color: #0a66c2; font-size: .95rem; margin-left: .35rem; }
.speakers-list .sl-meta { color: var(--bs-secondary-color, #6c757d); font-size: .95rem; line-height: 1.4; }
.speakers-list .sl-more { display: inline-block; margin-top: .4rem; font-size: .85rem; font-weight: 600; color: var(--primary, #10383a); }
.speakers-list .sl-speaker.has-profile:hover .sl-more { text-decoration: underline; }
.sl-profile-photo { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }

/* Edit Speakers side panel (moved into the form, so not under .speakers-list). Wide enough
   for the Manage Speakers table; the bottom padding keeps Save Changes clear of DNN's bar. */
.sl-editor.offcanvas { --bs-offcanvas-width: min(1200px, 100vw); }
.sl-editor .offcanvas-body { padding-bottom: 90px; }

@media (max-width: 575.98px) {
  .speakers-list .sl-speaker { gap: .9rem; padding: 1rem .25rem; }
  .speakers-list .sl-photo { width: 72px; height: 72px; }
}
