/* ==================================================
   CODE BLOCKS — SOFT GRAY (DARK THEME FRIENDLY)
   ================================================== */

/* Блоки кода */
.prose pre {
    background: #1f2933; /* мягкий серо-графитовый */
    color: #f1f5f9;
    padding: 1.6rem;
    border-radius: 1.4rem;
    overflow-x: auto;
    font-size: 14px;
    line-height: 1.7;
    margin: 2.2rem 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Код внутри */
.prose pre code {
    background: none;
    padding: 0;
    color: inherit;
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        "Liberation Mono",
        "Courier New",
        monospace;
}

/* Inline code */
.prose p code,
.prose li code,
.prose td code {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    padding: 0.25em 0.5em;
    border-radius: 0.45rem;
    font-size: 0.85em;
}

/* Dark mode — ещё чуть мягче */
.dark .prose pre {
    background: #273341;
}

.dark .prose p code,
.dark .prose li code,
.dark .prose td code {
    background: rgba(255, 255, 255, 0.18);
}

/* Скроллбар */
.prose pre::-webkit-scrollbar {
    height: 8px;
}

.prose pre::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 4px;
}
/* =========================================
   COPY CODE BUTTON
   ========================================= */

.prose pre {
    position: relative;
}

/* Кнопка */
.copy-code-btn {
    position: absolute;
    top: 14px;
    right: 14px;
    background: rgba(255, 255, 255, 0.12);
    color: #f8fafc;
    border: 1px solid rgba(255, 255, 255, 0.25);
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border-radius: 0.6rem;
    cursor: pointer;
    transition: all 0.2s ease;
    backdrop-filter: blur(6px);
}

.copy-code-btn:hover {
    background: rgba(255, 255, 255, 0.22);
}

.copy-code-btn:active {
    transform: scale(0.95);
}

/* После копирования */
.copy-code-btn.copied {
    background: #22c55e;
    border-color: #22c55e;
    color: #022c22;
}