.ride-photo-gallery { display: flex; gap: 12px; overflow-x: auto; padding: 10px 0; max-width: 100%; }
.ride-photo-thumb { flex: 0 0 160px; display: grid; padding: 0; color: inherit; background: transparent; border: 1px solid currentColor; border-radius: 10px; overflow: hidden; cursor: pointer; font: inherit; }
.ride-photo-thumb img { width: 160px; height: 120px; object-fit: cover; }
.ride-photo-thumb span { padding: 6px; font-size: 12px; }
.ride-photo-day { grid-column: 1 / -1; min-width: 0; width: 100%; }
.ride-photo-day summary { cursor: pointer; font-size: 13px; }
.ride-photo-dialog { max-width: min(960px, 94vw); max-height: 92dvh; padding: 16px; border: 0; border-radius: 12px; background: #17302d; color: #fff; }
.ride-photo-dialog::backdrop { background: #000b; }
.ride-photo-dialog img, .ride-photo-dialog video { display: block; max-width: 100%; max-height: 70dvh; object-fit: contain; margin-top: 12px; }
.ride-photo-dialog button { padding: 8px 12px; cursor: pointer; }
[data-recent-ride-photos] { min-width: 0; }
[data-recent-ride-photos][hidden] { display: none; }

.ride-media-share { display:inline-block; color:#efb94f; padding:10px 16px; margin:8px 12px 8px 0; border:1px solid currentColor; border-radius:24px; }