pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em
}

code.hljs {
padding: 3px 5px
}

/*!
Theme: GitHub Dark
Description: Dark theme as seen on github.com
Author: github.com
Maintainer: @Hirse
Updated: 2021-05-15

Outdated base version: https://github.com/primer/github-syntax-dark
Current colors taken from GitHub’s CSS
*/
.hljs {
color: #c9d1d9;
background: #0d1117
}

.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
/* prettylights-syntax-keyword */
color: #ff7b72
}

.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
/* prettylights-syntax-entity */
color: #d2a8ff
}

.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
/* prettylights-syntax-constant */
color: #79c0ff
}

.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
/* prettylights-syntax-string */
color: #a5d6ff
}

.hljs-built_in,
.hljs-symbol {
/* prettylights-syntax-variable */
color: #ffa657
}

.hljs-comment,
.hljs-code,
.hljs-formula {
/* prettylights-syntax-comment */
color: #8b949e
}

.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
/* prettylights-syntax-entity-tag */
color: #7ee787
}

.hljs-subst {
/* prettylights-syntax-storage-modifier-import */
color: #c9d1d9
}

.hljs-section {
/* prettylights-syntax-markup-heading */
color: #1f6feb;
font-weight: bold
}

.hljs-bullet {
/* prettylights-syntax-markup-list */
color: #f2cc60
}

.hljs-emphasis {
/* prettylights-syntax-markup-italic */
color: #c9d1d9;
font-style: italic
}

.hljs-strong {
/* prettylights-syntax-markup-bold */
color: #c9d1d9;
font-weight: bold
}

.hljs-addition {
/* prettylights-syntax-markup-inserted */
color: #aff5b4;
background-color: #033a16
}

.hljs-deletion {
/* prettylights-syntax-markup-deleted */
color: #ffdcd7;
background-color: #67060c
}

.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
/* purposely ignored */
}

.postcss {
font-family: -apple-system, BlinkMacSystemFont, «Segoe UI», Roboto, «Helvetica Neue», Arial, sans-serif;
line-height: 1.6;
color: #2c3e50;
max-width: 1100px;
margin: 0 auto;
padding: 20px;
background: #fafafa;
}

h2 {
color: #1a4d7a;
border-bottom: 2px solid #1a4d7a;
padding-bottom: 6px;
margin-top: 30px;
}

h3 {
color: #2c5f8d;
margin-top: 22px;
}

p {
margin: 10px 0;
}

/* ===== Стили таблиц ===== */
table {
width: 100%;
border-collapse: collapse;
margin: 18px 0;
background: #ffffff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
font-size: 15px;
}

/* Линии-разделители между строками и столбцами */
table th,
table td {
border: 1px solid #d9e1e8;
padding: 12px 14px;
/* ← отступ (padding) для ячеек */
text-align: left;
vertical-align: top;
}

/* Заголовки таблицы */
table thead th {
background: #1a4d7a;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.3px;
padding: 14px;
}

/* Чередование строк для читаемости */
table tbody tr:nth-child(even) {
background: #f5f8fb;
}

table tbody tr:hover {
background: #eaf2fa;
}

/* Более жирная линия под заголовком */
table thead tr {
border-bottom: 2px solid #1a4d7a;
}

/* Блоки цитат */
blockquote {
background: #eef5fb;
border-left: 4px solid #1a4d7a;
padding: 12px 18px;
margin: 18px 0;
border-radius: 4px;
}

blockquote p {
margin: 4px 0;
}

hr {
border: none;
border-top: 1px solid #d9e1e8;
margin: 30px 0;
}

ul {
padding-left: 22px;
}

li {
margin: 6px 0;
}

em {
color: #6b7a88;
}