/* Documentation Page Styles */

/* Smooth scrolling for anchor links */
html {
    scroll-behavior: smooth;
}

/* Table of contents sticky behavior */
.toc-nav {
    position: sticky;
    top: 5rem;
}

/* Details/Summary styling */
details {
    transition: all 0.2s;
}

details[open] {
    background: rgba(16, 185, 129, 0.05);
}

details summary {
    list-style: none;
    cursor: pointer;
    user-select: none;
}

details summary::-webkit-details-marker {
    display: none;
}

details summary::before {
    content: '▶';
    display: inline-block;
    margin-right: 0.5rem;
    transition: transform 0.2s;
}

details[open] summary::before {
    transform: rotate(90deg);
}

/* Video player responsive */
video {
    max-width: 100%;
    height: auto;
}

/* Code block styling */
code {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.875rem;
}

/* Section heading anchors */
section {
    scroll-margin-top: 6rem;
}

/* Highlighted links in docs */
.docs-content a {
    text-decoration: underline;
    text-decoration-color: rgba(16, 185, 129, 0.3);
    text-underline-offset: 2px;
    transition: text-decoration-color 0.2s;
}

.docs-content a:hover {
    text-decoration-color: rgba(16, 185, 129, 1);
}