.visual-carousel{touch-action:pan-y;width:100%;max-width:820px;margin:20px auto}.carousel-progress{color:var(--accent);text-align:center;margin:0 0 10px;font-size:13px}.carousel-slide{background:#17111f;border:1px solid #514164;border-radius:22px;padding:22px;animation:.22s both carousel-arrive}.carousel-visual{margin-bottom:18px}.carousel-visual img{object-fit:contain;border-radius:12px;width:100%;height:auto;max-height:330px;display:block}.carousel-slide h2{margin:0 0 12px;font-size:clamp(22px,3vw,30px)}.carousel-body{color:#c7bfd6;font-size:15px;line-height:1.55}.carousel-body p{margin:8px 0}.carousel-body ul{padding-left:20px}.carousel-navigation{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.carousel-navigation .button{padding:12px 15px;font-size:13px}.carousel-dots{justify-content:center;gap:2px;display:flex}.carousel-dots button{cursor:pointer;background:0 0;border:0;width:22px;min-height:44px;position:relative}.carousel-dots button:before{content:"";background:#675b79;border-radius:50%;width:7px;height:7px;position:absolute;top:19px;left:7px}.carousel-dots [aria-current]:before{background:#ceb4ff;box-shadow:0 0 8px #b694ff88}.export-guide{border-radius:22px;width:min(880px,100% - 20px);max-height:calc(100svh - 20px);padding:22px;overflow-y:auto}.export-guide .visual-carousel{margin-bottom:10px}.guide-heading{z-index:2;background:#14111b;padding:10px 0;position:sticky;top:-22px}.export-guide .carousel-slide{background:#121018}.guide-links{flex-wrap:wrap;gap:8px 18px;font-size:13px;display:flex}.guide-illustration-label{color:var(--muted);margin-top:6px;font-size:11px;display:block}.guide-image{margin:0}.guide-image>button{margin-top:8px;font-size:12px}.guide-image[data-enlarged=true]{touch-action:auto;overflow-x:auto}.guide-image[data-enlarged=true] img{width:760px;max-width:none;max-height:none}@keyframes carousel-arrive{0%{opacity:.3;transform:translate(10px)}to{opacity:1;transform:none}}@media (max-width:600px){.carousel-slide{padding:16px}.export-guide{padding:14px}.guide-heading{top:-14px}.carousel-dots{gap:0}.carousel-dots button{width:14px}.carousel-dots button:before{width:6px;height:6px;left:4px}.carousel-navigation{gap:4px}.carousel-navigation .button{padding:10px 12px}}@media (prefers-reduced-motion:reduce){.carousel-slide{animation:none}}[data-motion=true] .carousel-slide{animation:none}
