.cv-deck-slot { position: relative; width: 100%; height: 100%; min-height: 0; }

.w[data-deck-child] { width: 100%; height: 100%; min-height: 0; }
.w[data-deck-child]:not(.deck-active) { display: none !important; }
.w[data-deck-child].deck-active { display: block; }

.cv-deck-dots {
  position: absolute; left: 0; right: 0; bottom: 6px;
  display: flex; gap: 5px; justify-content: center; align-items: center;
  pointer-events: auto; z-index: 3;
}
.cv-deck-dots:empty { display: none; }
.cv-deck-dot {
  width: 8px; height: 8px; border: 0; padding: 0; border-radius: 50%;
  background: color-mix(in srgb, var(--text-3, #8a8f98) 45%, transparent);
  transition: background .2s ease, transform .2s ease;
  cursor: pointer;
}
.cv-deck-dot.active {
  background: var(--accent, #4f8cff);
  transform: scale(1.3);
}
.cv-deck-dot:focus-visible {
  outline: 2px solid var(--accent, #4f8cff);
  outline-offset: 3px;
}

.cv-deck-drop-hint {
  position: absolute; inset: 0;
  border: 2px dashed var(--accent, #4f8cff); border-radius: 12px;
  background: color-mix(in srgb, var(--accent, #4f8cff) 12%, transparent);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: .82rem; letter-spacing: .01em;
  color: var(--accent, #4f8cff); text-align: center; padding: 8px;
  z-index: 20; pointer-events: none;
}