.guide-scrollbar::-webkit-scrollbar{width:8px}.guide-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.guide-scrollbar::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.guide-scrollbar::-webkit-scrollbar-thumb:hover{background:#555}.driver-popover-custom{color:#333;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;min-width:450px!important;max-width:600px!important}.driver-popover-custom .driver-popover-title{color:#1e40af;margin-bottom:8px;font-size:20px;font-weight:600}.driver-popover-custom .driver-popover-description{color:#4b5563;font-size:14px;line-height:1.6}.driver-popover-custom .driver-popover-footer{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.driver-popover-custom button{border-radius:6px;padding:8px 16px;font-weight:500;transition:all .2s}.driver-popover-custom .driver-popover-next-btn{color:#fff;background:#3b82f6}.driver-popover-custom .driver-popover-next-btn:hover{background:#2563eb;transform:translateY(-1px)}.driver-popover-custom .driver-popover-prev-btn{color:#374151;background:#e5e7eb}.driver-popover-custom .driver-popover-prev-btn:hover{background:#d1d5db}.driver-popover-custom .driver-popover-close-btn{color:#9ca3af;z-index:10!important;padding:4px!important;position:absolute!important;top:12px!important;right:12px!important}.driver-popover-custom .driver-popover-close-btn:hover{color:#ef4444}.driver-popover-custom .driver-popover-progress-text{color:#6b7280;font-size:12px;font-weight:500}.driver-popover-custom .driver-popover-arrow{border-color:#fff}.driver-active-element{outline-offset:5px;border-radius:6px;z-index:9001!important;outline:4px solid #93c5fd!important;animation:1.5s ease-in-out infinite driverHighlightPulse!important;box-shadow:0 0 0 5px #60a5fab3,0 0 20px 6px #3b82f699,0 0 45px 12px #3b82f659,0 0 80px 20px #3b82f626!important}@keyframes driverHighlightPulse{0%,to{outline-offset:5px;outline-width:4px;outline-color:#93c5fd;box-shadow:0 0 0 5px #60a5fab3,0 0 20px 6px #3b82f699,0 0 45px 12px #3b82f659,0 0 80px 20px #3b82f626}50%{outline-offset:6px;outline-width:5px;outline-color:#bfdbfe;box-shadow:0 0 0 7px #93c5fde6,0 0 30px 10px #60a5fabf,0 0 60px 18px #3b82f673,0 0 100px 30px #3b82f633}}.driver-overlay{z-index:9000!important}.driver-popover-custom{animation:.3s ease-out popoverSlideIn}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.driver-popover-custom{min-width:300px!important;max-width:90vw!important}.driver-popover-custom .driver-popover-title{font-size:18px}.driver-popover-custom .driver-popover-description{font-size:13px}}.guide-tips{background:#fef3c7;border-left:4px solid #f59e0b}.guide-tips-icon{font-size:24px;animation:2s ease-in-out infinite tipsPulse;display:inline-block}@keyframes tipsPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.guide-chapter-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.guide-chapter-card:hover{transform:translate(4px)}.guide-progress-bar{transition:width .5s cubic-bezier(.4,0,.2,1)}.guide-step-dot{cursor:pointer;transition:all .2s}.guide-step-dot:hover{transform:scale(1.3)}.guide-step-dot.active{transform:scale(1.4);box-shadow:0 0 0 4px #3b82f633}.tutorial-prose-enhanced h2{color:#111827!important;border-bottom:2px solid #93c5fd!important;margin-top:3rem!important;margin-bottom:2rem!important;padding-bottom:1rem!important;font-weight:800!important}.tutorial-prose-enhanced h3{color:#1f2937!important;margin-top:2.5rem!important;margin-bottom:1.5rem!important;font-weight:700!important}.tutorial-prose-enhanced h4{color:#374151!important;margin-top:2rem!important;margin-bottom:1.25rem!important;font-weight:700!important}.tutorial-prose-enhanced p{text-indent:0!important;margin-bottom:1.5rem!important;line-height:2!important}.tutorial-prose-enhanced ul,.tutorial-prose-enhanced ol{margin-top:2rem!important;margin-bottom:2rem!important;margin-left:2rem!important;padding-left:1.5rem!important}.tutorial-prose-enhanced ul{list-style-type:disc!important}.tutorial-prose-enhanced ol{list-style-type:decimal!important}.tutorial-prose-enhanced li{margin-bottom:.75rem!important;padding-left:.75rem!important;line-height:2!important}.tutorial-prose-enhanced ul ul,.tutorial-prose-enhanced ol ul,.tutorial-prose-enhanced ul ol,.tutorial-prose-enhanced ol ol{margin-top:.5rem!important;margin-bottom:.5rem!important;margin-left:1.5rem!important}.tutorial-prose-enhanced strong{color:#111827!important;font-weight:700!important}.tutorial-prose-enhanced h2 strong,.tutorial-prose-enhanced h3 strong,.tutorial-prose-enhanced h4 strong{font-weight:inherit!important;color:inherit!important}.tutorial-rich-content figure{text-align:center!important;max-width:1024px!important;margin:5rem auto!important}.tutorial-rich-content figure img{-o-object-fit:contain!important;object-fit:contain!important;width:auto!important;height:auto!important;max-height:400px!important;margin-left:auto!important;margin-right:auto!important;display:block!important}.tutorial-rich-content figcaption{text-align:center!important;margin-top:0!important}.tutorial-rich-content table{border-collapse:collapse!important;background:#fff!important;width:auto!important;max-width:800px!important;margin:2rem auto!important;box-shadow:0 2px 8px #0000001a!important}.tutorial-rich-content table thead{color:#fff!important;background:#3b82f6!important}.tutorial-rich-content table th{text-align:center!important;border:1px solid #2563eb!important;padding:12px 20px!important;font-size:15px!important;font-weight:600!important}.tutorial-rich-content table td{text-align:center!important;border:1px solid #e5e7eb!important;padding:10px 20px!important;font-size:14px!important}.tutorial-rich-content table tbody tr:nth-child(odd){background-color:#f9fafb!important}.tutorial-rich-content table tbody tr:nth-child(2n){background-color:#fff!important}.tutorial-rich-content table tbody tr:hover{background-color:#eff6ff!important;transition:background-color .2s!important}
