.back-to-top { position: fixed; right: 16px; bottom: 16px; width: 56px; height: 56px; border-radius: 9999px; border: none; background: linear-gradient(135deg, #6366f1, #22d3ee); color: #fff; display: none; align-items: center; justify-content: center; font-size: 22px; box-shadow: 0 6px 20px rgba(2,6,23,.25); cursor: pointer; z-index: 1000; }
    .back-to-top.show { display: flex; }
    .back-to-top:focus { outline: 2px solid #fff; outline-offset: 2px; }
    @media (min-width: 1024px) { .back-to-top { width: 60px; height: 60px; font-size: 24px; right: 20px; bottom: 20px; } }

    /* Toggle UI */
    .videos-toggle-wrap { margin-top: 10px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
    .videos-toggle { display: inline-flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 9999px; background: #0f172a0d; color: #64748b; font-size: 13px; }
    .videos-toggle input { width: 16px; height: 16px; }
    .mode-note { display: inline-block; font-size: 12px; color: #94a3b8; }
    .mode-note .only { display: none; }

    /* Videos-only section layout */
    #docs-videos-only .yt-wrap { max-width: 1100px; margin: 16px auto; }
    #docs-videos-only .yt-iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }
    @media (max-width: 640px) {
      #docs-videos-only .yt-wrap { padding-left: 8px; padding-right: 8px; }
    }
  


/* Extracted from inline styles in docs.html */
.docs-inline-001 { align-items: center; gap: 12px; text-decoration: none; }
.docs-inline-002 { max-width: 1200px; padding-top: 12px; }
.docs-inline-003 { padding: 40px 0 12px 0; }
.docs-inline-004 { max-width: 1200px; }
.docs-inline-005 { margin-bottom: 6px; font-size: 34px; letter-spacing: -0.02em; }
.docs-inline-006 { font-size: 13px; }
.docs-inline-007 { max-width: 1200px; }
#docs-toc { align-self: start; padding: 14px; }
.docs-inline-008 { font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; color: #94a3b8; }
.docs-inline-009 { flex-direction: column; gap: 6px; font-size: 14px; }
.docs-inline-010 { min-width: 0; }
.docs-inline-011 { width: 100%; }
.docs-inline-012 { align-items: center; gap: 8px; }
.docs-inline-013 { margin: 0; }
.docs-inline-014 { margin: 6px 0 0 0; }
.docs-inline-015 { gap: 10px; flex-wrap: wrap; }
.docs-inline-016 { white-space: pre-wrap; }


/* Extracted remaining inline styles in docs.html */
.docs-inline-001 { display: inline-flex; }
.docs-inline-002 { display: none; }
.docs-inline-003 { display: flex; }
.docs-inline-004 { display: block; }
.docs-inline-005 { display: flex; }
#docs-videos-only { display: none; }