.doc-sidebar {
            position: sticky;
            top: 100px;
            max-height: calc(100vh - 120px);
            overflow-y: auto;
         }
         .doc-sidebar::-webkit-scrollbar { width: 4px; }
         .doc-sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 4px; }
         .doc-nav-link {
            display: block;
            padding: 6px 16px;
            font-size: 14px;
            color: rgba(255,255,255,0.55);
            text-decoration: none;
            border-left: 2px solid transparent;
            transition: all 0.2s;
         }
         .doc-nav-link:hover,
         .doc-nav-link.active {
            color: #50ADFF;
            border-left-color: #0088FF;
         }
         .doc-nav-title {
            display: block;
            padding: 10px 16px 4px;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            color: rgba(255,255,255,0.35);
            font-weight: 600;
         }
         .doc-section {
            scroll-margin-top: 100px;
         }
         .doc-screenshot {
            border-radius: 12px;
            overflow: hidden;
            display: flex;
            justify-content: center;
            max-width: 100%;
         }
         .doc-screenshot img,
         .doc-screenshot video {
            max-width: 100%;
            height: auto;
            display: block;
         }
         .doc-callout {
            border-left: 3px solid #0088FF;
            background: rgba(0,136,255,0.06);
            border-radius: 0 8px 8px 0;
            padding: 16px 20px;
            margin: 16px 0;
         }
         .doc-callout-warn {
            border-left-color: #f59e0b;
            background: rgba(245,158,11,0.06);
         }
         .doc-callout-success {
            border-left-color: #10b981;
            background: rgba(16,185,129,0.06);
         }
         .doc-step {
            display: flex;
            gap: 16px;
            margin-bottom: 24px;
         }
         .doc-step-num {
            flex-shrink: 0;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: linear-gradient(135deg, #0088FF, #50ADFF);
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 14px;
            color: #fff;
         }
         .doc-step-content { flex: 1; }
         .doc-table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            border-radius: 8px;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,0.08);
         }
         .doc-table th {
            background: rgba(0,136,255,0.1);
            padding: 12px 16px;
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-weight: 600;
            text-align: left;
            color: rgba(255,255,255,0.7);
         }
         .doc-table td {
            padding: 12px 16px;
            font-size: 14px;
            border-top: 1px solid rgba(255,255,255,0.05);
            color: rgba(255,255,255,0.7);
         }
         .doc-table tr:hover td {
            background: rgba(255,255,255,0.02);
         }
         .doc-kbd {
            display: inline-block;
            padding: 2px 8px;
            font-size: 12px;
            font-family: monospace;
            background: rgba(255,255,255,0.08);
            border: 1px solid rgba(255,255,255,0.12);
            border-radius: 4px;
            color: #50ADFF;
         }
         .doc-badge-buy {
            display: inline-block;
            padding: 2px 10px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 600;
            background: rgba(16,185,129,0.15);
            color: #10b981;
         }
         .doc-badge-sell {
            display: inline-block;
            padding: 2px 10px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 600;
            background: rgba(239,68,68,0.15);
            color: #ef4444;
         }
         @media (max-width: 991px) {
            .doc-sidebar { position: static; max-height: none; }
         }