/* Light */
:root,[data-theme="light"] {
--bg-content: #fff;
--bg-sum:#fff;
--txt:#133C78;

--pre-bg: #f5f5f5;
--pre-border: #ddd;
--code-bg: #eaeaea;
--code-text: #333;
}

/* Dark */
[data-theme="dark"] {
--bg-content:#151e2f;
--bg-sum:rgb(0 0 0 / 20%);
--txt:#d5d5d5;

--pre-bg: #071020;
--pre-border: #303030;
--code-bg: #2e3d58;
--code-text: #f5f5f5;
}

/* Sustem */
@media (prefers-color-scheme:dark) {
  :root {
--bg-content:#151e2f;
--bg-sum:rgb(0 0 0 / 20%);
--txt:#d5d5d5;


--pre-bg: #071020;
--pre-border: #303030;
--code-bg: #2e3d58;
--code-text: #f5f5f5;
}}

/* Управление изображениями в зависимости от темы  */
.blog-img.light-theme, .blog-img.dark-theme {display:none;}
[data-theme="light"] .blog-img.light-theme {display:block;}
[data-theme="dark"] .blog-img.dark-theme {display:block;}
[data-theme="auto"] .blog-img.light-theme, [data-theme="auto"] .blog-img.dark-theme {display:none;}
@media (prefers-color-scheme: dark) {[data-theme="auto"] .blog-img.dark-theme {display:block;}}
@media (prefers-color-scheme: light) {[data-theme="auto"] .blog-img.light-theme {display:block;}}

/* Основа */
body{background:var(--bg);}
section{padding:0;}
/*.changelog-container{width:58%;}*/
@media (max-width:600px){.changelog-container{width:100%;}}
.changelog-timeline{position:relative;padding-left:20px;}
.changelog-timeline::before{content:'';position:absolute;top:10px;left:0px;width:1px;height:100%;background-image:linear-gradient(to bottom, #ccc 40%, rgba(255, 255, 255, 0) 0%);background-size:1px 25px;background-repeat:repeat-y;}
.changelog-item{margin-bottom:40px;position:relative;}


.content{
    background: var(--bg-content);
    border-radius: 20px;
    padding: 20px 40px;
}
@media (max-width:600px){.content{padding:20px;}}
.tu-row {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
}
.short-meta {
    margin: 30px -30px -30px -30px;
    padding: 10px 30px;
    border-top: 1px solid var(--link-bg);
    font-size: 14px;
    line-height: 20px;
    color: #037b5c;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.blog-container{/*margin-top:15px;*/}
.box-cont {
    position: relative;
    width: calc(100% - 340px);
}
.sidebar {
    width: 300px;
}
@media (max-width:1000px){.sidebar{display:none;}.box-cont{width:100%;}}

.side-box {
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.15);
    background-color: var(--bg-block);
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 30px;
}
.side-bt {
    font-family: 'nunito-semibold';
    font-size: 24px;
    line-height: 28px;
    color: var(--title-color);
    margin-bottom: 30px;
}

blockquote {
    /* Сброс стандартных отступов браузера */
    margin: 15px 0px 15px 32px !important;
    width: auto !important;
    padding: 15px 20px;
    line-height: 2;
    position: relative;
    background-color: var(--quote-bg);
    border-left: 3px solid #fd6a39;
    border-radius: 10px;
}

/* Вставляем большую кавычку */
blockquote::after {
    content: "“";
    font-family: nunito-semibold;
    font-weight: 900;
    font-size: 60px;
    color: rgb(254, 84, 57);
    position: absolute;
    left: -38px;
    top: -12px;
}















/*List*/
.faq-item ul, .faq-item ol{margin:0;}
.faq-item ul li{list-style:none;}
.faq-item ol li{list-style:decimal;}
.faq-item ol{padding-left:32px;font-style:italic;font-size:22px;color:var(--title-color);list-style:decimal;margin:15px 18px;}
.faq-item ul{padding-left:32px;font-style:italic;font-size:22px;color:var(--title-color);list-style:none;margin:15px 18px;}
.faq-item ul li:before{float:left;margin:1px 0 0 -48px;font-family:'checkstat';content:'\e917';color:var(--g);}
.box_1 ul li:before{float:left;margin:1px 0 0 -48px;font-family:'checkstat';content:'\e90c';color:var(--title-color);}
.faq-item ol li,.faq-item ul li{padding:5px 10px;font-style:normal;font-size:18px;line-height:30px;color:var(--text-color);border-left:2px solid #999;border-radius:10px 0 0 10px;}
.faq-item ol li::marker{font-family:'nunito-semibold';font-size:22px;color:var(--title-color);}
.faq-item ol li b,.faq-item ol li span b,.faq-item ul li b,.faq-item ul li span b,.faq-item ol li strong,.faq-item ol li span strong,.faq-item ul li strong,.faq-item ul li span strong{display:block;font-family:'nunito-semibold';font-size:20px;}
.faq-item .quote_body strong{display:block;font-family:'nunito-semibold';font-size:22px;font-weight:400;line-height:34px;}
.faq-item ol > li > ul > li::marker{content:"";}
.faq-item ol li ul li{list-style:none;}
.faq-item > ol > li:has(ul){border:none;}
.faq-item ol > li:not(:has(ul)){border-left:2px solid #999;}
.faq-item ol ul{margin:15px 0;}


/*CODE*/
/* Общие стили для <pre> и <code> */
pre {
    background-color: var(--pre-bg);
    border: 1px solid var(--pre-border);
    border-radius: 4px;
    padding: 10px;
    margin: 10px 0;
    overflow-x: auto;
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-wrap;
    color: var(--code-text);
}

code {
    background-color: var(--code-bg);
    padding: 2px 4px;
    border-radius: 4px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 16px;
    font-weight: 200;
    color: var(--code-text);
}

blockquote{
    line-height: 2;
    margin: 20px 0 20px 50px !important;
    padding: 15px 20px;
    position: relative;
    background-color: var(--pre-bg);
    border-left: 3px solid #fd6a39;
    border-radius: 10px;
  }

blockquote:after {
    content: "“";
    font-family: 'nunito-semibold';
    font-weight: 900;
    font-size: 64px;
    color: #fe5439;
    position: absolute;
    left: -44px;
    top: -14px;
}

/*tables*/
table{border-collapse:inherit !important;border-spacing:0;}
table tbody tr:nth-child(even){background-color:var(--table-tbody-tr);}
table tbody tr:hover{background-color:var(--table-hover-bg);}
table td:last-child{border-right-width:1px;}
table td,table th{padding:4px 10px;line-height:24px;height:36px !important;border:var(--table-border);text-align:center;}
table th{background-color:var(--table-th-bg);font-family:'nunito-semibold';font-size:18px;font-weight:500;}
table{border:var(--table-border);moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px;overflow:hidden;}
table > tbody > tr:first-child td:first-child,
table > thead > tr:first-child th:first-child{border-radius:9px 0px 0 0;-webkit-border-radius:9px 0 0 0;-moz-border-radius:9px 0 0 0;-ms-border-radius:9px 0 0 0;-o-border-radius:9px 0 0 0;-khtml-border-radius:9px 0 0 0;}
table > tbody > tr:first-child td:last-child,
table > thead > tr:first-child th:last-child{border-radius:0 9px 0 0;-webkit-border-radius:0 9px 0 0;-moz-border-radius:0 9px 0 0;-ms-border-radius:0 9px 0 0;-o-border-radius:0 9px 0 0;-khtml-border-radius:0 9px 0 0;}
table > thead + tbody > tr:first-child td:first-child{border-radius:0;}
table > thead + tbody > tr:first-child td:last-child{border-radius:0;}

/*Добавляем скругление нижних углов, если одна строка в tbody*/
table > tbody > tr:only-of-type td:first-child{border-radius:0 0 0 9px !important;}
table > tbody > tr:only-of-type td:last-child{border-radius:0 0 9px 0 !important;}

table tr:last-child td:last-child
{border-radius:0 0 9px 0;-webkit-border-radius:0 0 9px 0;-moz-border-radius:0 0 9px 0;-ms-border-radius:0 0 9px 0;-o-border-radius:0 0 9px 0;-khtml-border-radius:0 0 9px 0;}
table tr:last-child td:first-child{border-radius:0 0 0 10px;-webkit-border-radius:0 0 0 9px;-moz-border-radius:0 0 0 9px;-ms-border-radius:0 0 0 9px;-o-border-radius:0 0 0 9px;-khtml-border-radius:0 0 0 9px;}
@media (max-width:600px){table tr td{font-size:14px;}table th{font-size:16px;}}

/* Дата и категория */
.date-text{font-size:14px;color:var(--scale);font-family:'nunito-semibold';display:flex;align-items:center;gap:6px;}
.ico-calendar,.ico-folder{font-size:16px;height:16px;width:16px;}

/* Контент */
.conv_h1{margin-bottom:10px;}
.blog-content{box-shadow:0 0 20px 0px rgba(0, 0, 0, 0.15);background-color:var(--bg-block);border-radius:10px;margin-bottom:30px;padding:30px;}
.blog-content h2{font-size:24px;line-height:28px;color:var(--title-color);margin-bottom:10px;}
.blog-content h3{font-size:20px;line-height:28px;color:var(--title-color);margin-bottom:10px;margin-top:20px;}
.blog-content p{font-size:18px;color:var(--text-color);margin-bottom:10px;}
.blog-content a{color:var(--link-color);}
.blog-content img{display:block;height:auto;width:100%;margin-top:15px;border-radius:10px;}

.cat_name{font-family:'nunito-semibold';font-size:14px;padding:4px 10px 5px;border-radius:5px;background:var(--link-bg);color:var(--link-color);line-height:18px;height:27px;white-space:nowrap;display:flex;align-items:center;gap:6px;}
.add-new-version-link{color:var(--text-color);text-decoration:underline;text-decoration-style:dashed;cursor:pointer;}
.add-new-version-link:hover{color:#4CAF50;}
form#createChangelogForm, form#editChangelogForm{display:flex;flex-direction:column;margin-bottom:40px;gap:10px;}
#createChangelogForm input, #editChangelogForm input{font-family:'nunito-semibold';font-size:16px;width:100%;padding:5px 10px;border:solid 1px #ccc;border-radius:5px;color:var(--scale);background:var(--bg-block);}
#createChangelogForm input::placeholder{color:var(--scale);}
select#category, select#editCategory{font-family:'nunito-semibold';font-size:16px;width:100%;padding:5px 10px;border:solid 1px #ccc;border-radius:5px;color:var(--scale);background:var(--bg-block);}
div#editor, div#editEditor, div#editorFull, div#editEditorFull{font-family:'Nunito';color:var(--text-color);font-style:normal;font-size:16px;background:var(--bg-block);border-top:solid 1px #ccc;border-radius:5px;color:var(--scale);background:var(--bg-block);min-height:140px;}
.ql-toolbar.ql-snow{font-family:'nunito-semibold' !important;padding:2px 10px 5px !important;border-radius:5px;background:var(--bg-block);}
.ql-snow .ql-stroke{stroke:var(--scale) !important;}
.ql-snow.ql-toolbar button svg{stroke:var(--scale) !important;}
.ql-snow .ql-editor img{zoom:50%;height:auto;margin-top:15px;}

/*Pagination*/
nav[role=navigation]{text-align:center}
.marg_pag{margin:30px auto;}
.col_strok a{padding:4px 5px !important;}
.cd-pagination{width:100%;text-align:center;display:flex;}
.cd-pagination li{display:none;margin:0 .2em}
.cd-pagination li.button{display:inline-block}
.cd-pagination a,.cd-pagination span{font-family:'nunito-semibold';color:var(--text);font-size:16px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:10px 12px;text-decoration:none;line-height:18px;}
.cd-pagination a{border:1px solid var(--input-bord);border-radius:.25em;color: var(--text);font-size:14px;}
.cd-pagination a:active{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}
.cd-pagination .button:first-of-type a::before{content:'\00ab  '}
.cd-pagination .button:last-of-type a::after{content:' \00bb'}
.cd-pagination .current{background-color:var(--c);border-color:var(--c);color:var(--white);pointer-events:none}
@media only screen and (min-width:560px){.cd-pagination li{display:inline-block}}
.icon-pag{position:relative;display:flex;background:var(--bg-block);padding:0 20px;box-shadow:3px 3px 5px rgba(0, 0, 0, 0.15);border-radius:10px;align-items:center;justify-content:center;}
.icon-pag a{color:var(--text);}

/* SIDEBAR
----------------------------------------------- */
.side-nav {padding: 0 !important;}
.side-nav > li > a {font-family:'nunito-semibold';color: var(--link-color);text-decoration:none;display: block; border-bottom: 1px solid var(--link-bg); padding: 10px 30px;}
.side-nav > li:first-child > a {border-radius:10px 10px 0 0;}
.side-nav > li:last-child > a {border-bottom:0;border-radius:0 0 10px 10px;}
.side-nav > li:only-child > a {border-radius:10px;border-bottom:0;}
.side-nav > li > a:hover, .side-nav > li:hover > a {background-color: var(--link-bg); color: var(--text-color);}
.side-nav li{list-style: none;}