/*
 * showFunctionCodeStyles.css  –  Ducks In A Row 2026
 * Stage 8 – View Algorithm Code
 *
 * Styles for the code-viewer offcanvas panel (slides in from right).
 */

/* ── Offcanvas panel width ───────────────────────────────────────── */
#code-panel {
    width: min(500px, 46vw);
}

@media (max-width: 768px) {
    #code-panel {
        width: 100%;
    }
}

/* ── Code block: dark "editor" style ────────────────────────────── */
#code-panel pre {
    background:    #1e1e2e;
    color:         #cdd6f4;
    border-radius: 0.5rem;
    padding:       1rem 1.25rem;
    font-size:     0.785rem;
    line-height:   1.65;
    overflow-x:    auto;
    white-space:   pre;
    margin:        0;
}

#code-panel code {
    font-family: 'Cascadia Code', 'Fira Mono', 'Consolas', 'Courier New', monospace;
}

/* ── View button that lives on each algorithm comparison card ────── */
.btn-view-code {
    font-size: 0.75rem;
}