/* ==========================================
   ULTRAKIT CUSTOM SCROLLBAR (demo box only — the scrollbar rules are printed by the widget)
   ========================================== */
.ultrakit-csb-wrapper { width: 100%; box-sizing: border-box; font-family: inherit; }
.ultrakit-csb-wrapper *, .ultrakit-csb-wrapper *::before, .ultrakit-csb-wrapper *::after { box-sizing: border-box; }
.ultrakit-csb-demo-wrap { max-width: 560px; }
.ultrakit-csb-demo-title { margin-bottom: 10px; font-size: 12.5px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: #6b6b85; }
.ultrakit-csb-demo-title em { font-style: normal; color: #6c5ce7; }
.ultrakit-csb-demo { height: 220px; overflow-y: scroll; padding: 20px 22px; background: #ffffff; border: 1.5px solid #ececf4; border-radius: 16px; box-shadow: 0 10px 30px rgba(20,20,50,0.06); outline: none; }
.ultrakit-csb-demo p { margin: 0 0 14px; font-size: 14.5px; line-height: 1.7; color: #55556e; }
.ultrakit-csb-demo p strong { color: #1a1a2e; }