/* --- Inline code --- */
code,
.kbd {
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    background: #f2f6ff; /* тонкий светлый фон */
    color: #0b3d91; /* акцентный синий */
    padding: 2px 6px;
    border: 1px solid #c8d2f2;
    border-radius: 3px;
    white-space: nowrap;
    line-height: 1;
}

/* --- Preformatted blocks (блоки кода) --- */
pre {
    font-family: "Courier New", Courier, monospace;
    font-size: 13px;
    line-height: 1.45;
    background: #0b274f; /* тёмный контрастный фон для блоков */
    color: #e6f0ff; /* светлый текст */
    padding: 12px;
    border: 1px solid #486089;
    overflow: auto; /* горизонтальная прокрутка при необходимости */
    white-space: pre; /* сохранять переносы */
    word-wrap: normal;
    margin: 12px 0;
    border-radius: 4px;
    box-shadow: 2px 2px 0 rgba(122, 143, 191, 0.12);
}

/* pre > code — чтобы вложенный <code> не портил цвета */
pre code {
    background: transparent;
    color: inherit;
    padding: 0;
    border: none;
    font-size: inherit;
    font-family: inherit;
}

/* Доп. полезные классы */
.code-wrap {
    position: relative;
}
.code-caption {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    color: #666;
}

/* Небольшой hover/фокус эффект для читаемости */
blockquote:hover {
    background: #f7fbff;
}
pre:focus,
pre:hover {
    outline: none;
    border-color: #6a86c2;
}