/* Space Exploration lesson. All rules scoped under .spe-* */
.spe-sc { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.spe-sky { position: relative; flex: 1; width: 100%; min-height: 300px; overflow: hidden;
  background: radial-gradient(90% 60% at 50% 50%, rgba(60,70,150,.30), transparent 72%); }
.spe-cv { position: absolute; left: 0; top: 0; display: block; max-width: none; max-height: none; }
.spe-hit { position: absolute; width: 48px; height: 48px; border-radius: 50%; border: 0; padding: 0; background: transparent; cursor: pointer; z-index: 2; }

.spe-photo { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 6px; width: 100%; }
.spe-photo img { display: block; width: auto; max-width: 100%; max-height: 250px; object-fit: contain; border-radius: 16px; box-shadow: 0 12px 26px rgba(0,0,0,.45); }
.spe-photo.spe-tall img { max-height: 270px; }
.spe-photo figcaption { font: 600 12.5px var(--sans); color: var(--dim); text-align: center; }
@media (max-height: 700px) {
  .spe-photo img { max-height: 190px; }
  .spe-photo.spe-tall img { max-height: 200px; }
  .spe-sky { min-height: 260px; }
}