/* Live f3 DOM: speakers used 16px flex gap; both rails now use half (8px).
   Keep canonical React selection, pointer/scroll handling and scroll snapping. */
[data-testid="stammit-section-carousel"],
[data-testid="stammit-speakers-page"] div:has(> button[data-speaker-index]) {
  gap: 8px !important;
  padding-inline: 18vw !important;
  scroll-padding-inline: 0 !important;
  scroll-behavior: smooth;
}
[data-testid="stammit-section-carousel"] > button {
  margin-inline: 0 !important;
  width: 64vw;
  max-width: none;
  border-radius: 30px;
}
[data-testid="stammit-section-carousel"] > button[class*="scale-[0.82]"] {
  opacity: .45;
}

/* Preserve the complete portrait and give absent photos a calm, uniform surface. */
[data-testid="stammit-speakers-page"] [data-speaker-index]{background:#18181b}
[data-testid="stammit-speakers-page"] [data-speaker-index]>img{object-fit:contain;object-position:center}
[data-testid="stammit-speakers-page"] [data-speaker-index]>span.grid.h-full.place-items-center{background:#18181b}
[data-testid="stammit-speakers-page"] [data-speaker-index]:not(:has(>img))>span.absolute.inset-0,
[data-testid="stammit-speakers-page"] [data-speaker-index][data-photo-error="1"]>span.absolute.inset-0{background:none}
[data-testid="stammit-speakers-page"] [data-speaker-index][data-photo-error="1"]>img{visibility:hidden}

/* Speaker end spacing derives from the actual rail, including desktop gutters. */
[data-testid="stammit-speakers-page"] div:has(>button[data-speaker-index]){padding-inline:calc(50% - 32vw) !important}
/* Explicit canonical chevron-down affordance; preserve native select semantics. */
[data-testid="stammit-speakers-page"] select{appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6' transform='rotate(90 12 12)'/%3E%3C/svg%3E");background-size:16px 16px;background-position:right 12px center;background-repeat:no-repeat}
@media(forced-colors:active){[data-testid="stammit-speakers-page"] select{appearance:auto;background-image:none}}