/* Основные стили для текста */
.content {
    font-family: Arial, sans-serif;
    color: var(--text-color);
    line-height: 1.6;
    font-size: 16px;
}

.ck.ck-editor {
color: black !important;
}

/* Заголовки */
.content h1 {
    font-size: 2.5em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    color: #333;
    font-weight: bold;
}

.content h2 {
    font-size: 2em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    color: #333;
    font-weight: bold;
}

.content h3 {
    font-size: 1.75em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    color: #333;
    font-weight: bold;
}

.content h4 {
    font-size: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    color: #333;
    font-weight: bold;
}

.content h5 {
    font-size: 1.25em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    color: #333;
    font-weight: bold;
}

.content h6 {
    font-size: 1em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    color: #333;
    font-weight: bold;
}

/* Абзацы */
.content p {
    margin-top: 1em;
    margin-bottom: 1em;
    text-indent: 20px;
}

/* Списки */
.content ul,
.content ol {
    margin: 1em 0;
    padding-left: 2em;
}

.content ul {
    list-style-type: disc;
}

.content ol {
    list-style-type: decimal;
}

.content li {
    margin-bottom: 0.5em;
}

/* Цитаты */
.content blockquote {
    border-left: 4px solid #007bff;
    padding: 10px 20px;
    margin: 1em 0;
    background-color: #f9f9f9;
    color: #555;
    font-style: italic;
}

/* Код */
.content pre {
    background-color: #f4f4f4;
    padding: 1em;
    border-radius: var(--ck-border-radius);
    overflow-x: auto;
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    color: #d63384;
}

.content code {
    background-color: #f4f4f4;
    padding: 2px 4px;
    border-radius: 3px;
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    color: #d63384;
}

/* Таблицы */
.content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
    background-color: #fff;
}

.content th,
.content td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.content th {
    background-color: #f5f5f5;
    font-weight: bold;
}

/* Ссылки */
.content a {
    color: var(--link-color);
    text-decoration: none;
}

.content a:hover {
    text-decoration: underline;
}

/* Изображения и видео */
.content img,
.content video {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1em auto;
    border-radius: var(--ck-border-radius);
}

.content img[src*=".gif"] {
    border: 2px solid #ddd;
    padding: 5px;
}

.content video {
    background-color: #000;
}

/* Блоки с предупреждениями или уведомлениями */
.content .warning {
    background-color: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 10px 20px;
    margin: 1em 0;
    color: #856404;
}

.content .info {
    background-color: #d1ecf1;
    border-left: 4px solid #17a2b8;
    padding: 10px 20px;
    margin: 1em 0;
    color: #0c5460;
}

.content .success {
    background-color: #d4edda;
    border-left: 4px solid #28a745;
    padding: 10px 20px;
    margin: 1em 0;
    color: #155724;
}

.content .error {
    background-color: #f8d7da;
    border-left: 4px solid #dc3545;
    padding: 10px 20px;
    margin: 1em 0;
    color: #721c24;
}

/* Горизонтальные линии */
.content hr {
    border: 0;
    height: 1px;
    background-color: #ddd;
    margin: 1.5em 0;
}

/* Стили для встроенных элементов (например, кнопок) */
.content .btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border-radius: var(--ck-border-radius);
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.2s;
}

.content .btn:hover {
    background-color: #0056b3;
}

/* Стили для вложенных списков */
.content ul ul,
.content ol ol {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.content ul ul {
    list-style-type: circle;
}

.content ol ol {
    list-style-type: lower-alpha;
}