.sv-dot { width: 10px; height: 10px; border-radius: 9999px; background: #c7d2fe; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06); transition: transform .2s ease, background .2s ease; }
.sv-dot[aria-current="true"] { background: #2563eb; transform: scale(1.15); }

.slider-draggable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: grab; touch-action: pan-y; }
.slider-draggable.is-grabbing { cursor: grabbing; }
.slider-draggable img { pointer-events: none; -webkit-user-drag: none; user-drag: none; }

.device-info { list-style: none; padding-left: 0; }
.device-info li { position: relative; padding-left: 1rem; }
.device-info li::before { content: ""; position: absolute; left: 0; top: 0.85em; width: 6px; height: 6px; background: #93c5fd; border-radius: 9999px; }
.device-info li span:first-child { display: inline-block; color: #1d4ed8; font-weight: 700; }

.qs-quick-btn { box-shadow: inset 0 -2px 0 rgba(0,0,0,0.03); }
.qs-quick-btn:hover { box-shadow: 0 8px 14px rgba(37, 99, 235, 0.18); }

.info-callout { border-left: 4px solid #2563eb; padding-left: 1rem; background: #f8fafc; border-radius: .25rem; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03); }

html { scroll-behavior: smooth; }