/* Стилізація блоків коду в режимі читання (Reading view) та редагування (Live Preview) */
.markdown-rendered pre,
.cm-embed-block.cm-callout,
.cm-s-obsidian pre.HyperMD-codeblock,
div.cm-callout {
    border-radius: 12px !important;
}

/* Налаштування фону, рамок та тіней для монолітного блоку коду */
.markdown-rendered pre,
.cm-plugin-inline-preview,
.cm-embed-block:has(.HyperMD-codeblock) {
    background-color: #eee !important; /* Глибокий темний фон */
    border: 1px solid #333333 !important; /* Легка рамка */
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
    padding: 10px 14px !important;
}

/* Коригування фону окремих рядків у режимі Live Preview */
.cm-s-obsidian .HyperMD-codeblock {
    background-color: #eee !important;
    font-family: 'Fira Code', 'Consolas', monospace !important;
}

/* Закруглення верхніх і нижніх країв блоку в режимі редагування */
.cm-s-obsidian .HyperMD-codeblock-begin {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    border-top: 1px solid #333333 !important;
    border-left: 1px solid #333333 !important;
    border-right: 1px solid #333333 !important;
}

.cm-s-obsidian .HyperMD-codeblock-end {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    border-bottom: 1px solid #333333 !important;
    border-left: 1px solid #333333 !important;
    border-right: 1px solid #333333 !important;
}