@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

#custom-style {
	/* приложение */
	--color-home-bg: var(--color-article-bg);
	
	/* навигация */
    --color-nav-menu-bg: var(--color-article-bg);
	--color-right-nav-bg: var(--color-article-bg);
	
	/* тексты */
	--color-black: #231f1d;
	--color-primary: #231f1d;
	--color-primary-general: #666260;
	--color-nav-item: var(--color-primary-general);
	
	/* статья */
	--app-font-famaly: Inter, "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	--font-weight-default: 400;
	--font-weight-article-heading: 600;
}
#custom-style[data-theme=dark] {
	--color-primary: #d8e4e7;
	--color-primary-general: #9b9ea5;
	
	--color-article-bg: #1a1f26;
	--color-article-text-dark-theme: #b5c3c7;
	--color-article-heading-text: #f4fcff
}

/* приложение */
#custom-style .home {
	display: none !important;
}

#custom-style button:has(svg.lucide-panel-left) {
    display: none !important;
}

/* левое/правое меню навигации */
#custom-style .left-navigation-layout {
	border-right: 1px solid rgba(0, 0, 0, 0.08);
}
#custom-style .left-navigation-layout > div > div:nth-child(1) {
	padding-top: 10px;
}
    padding-top: 10px;
#custom-style .left-navigation-layout > div > div:nth-child(2) > div > div {
	padding: 0px 10px;
}
@media (min-width: 1680px) {
	#custom-style .catalog-layout > div:nth-child(1) {
		margin-left: 8vw;
	}
	#custom-style .right-nav-layout {
		margin-right: 8vw;
	}
}
#custom-style .status-bar {
	    display: none;
}

/* выделеный/ховернутый пункт */
#custom-style .left-navigation-layout .tree-root a > div:hover,
#custom-style .tree-root .is-active {
	background: rgba(0, 0, 0, 0.08) !important;
    border-radius: 5px;
}
#custom-style .left-navigation-layout .tree-root a > div:hover span {
	color: var(--color-nav-item-selected);
}
/* 1-й уровень */
#custom-style .tree-root > li > a span {
	color: var(--color-primary);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.5px;
}
/* 2+ уровени */
#custom-style .tree-root > li  ul a span {
	font-size: 14px;
}
#custom-style .left-navigation-layout .tree-root a > span {
	line-height: 1.6;
}



/* статья */
.article-content-wrapper {
	padding: 4rem 30px;
}

/* заголовки */
#custom-style .article h2,
#custom-style .article h3,
#custom-style .article h4,
#custom-style .article h5,
#custom-style .article h6 {
	line-height: 1.5;
}

#custom-style h1 {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
}
#custom-style h2 { font-size: 30px; line-height: 1.333; }
#custom-style h3 { font-size: 24px; line-height: 1.4;	}
#custom-style h4 { font-size: 20px; line-height: 1.5;	}

/* вводная часть статьи*/
#custom-style h2.article-description {
	color: #666260;
	font-size: 20px;
	line-height: 1.5;
}

/* текст статьи */
#custom-style .article p,
#custom-style .article ul,
#custom-style .article ol {
    margin: 0.5em 0;
    line-height: 1.5;
}
#custom-style .article p + p {
	margin-top: 1em
}
#custom-style .article p + div {
	margin-top: 1.5em
}


.strong {
	font-weight: 600;
}
/*
#custom-style .article p:has(+ ul), 
#custom-style .article p:has(+ ol) {
	margin-bottom: 0;
}
#custom-style .article p ul, 
#custom-style .article p ol {
	margin-top: 0;
} 
*/


/* списки */
#custom-style .article .article-body li,
#custom-style .article .article-body li > p {
	margin-top: .25rem;
	margin-bottom: .25rem;
}
#custom-style .article .article-body ol>li:before {
	margin-top: 0;
}

/* картинки */
#custom-style .node-image {	
    margin: 1em 0;
}

/* подписи к картинкам */
#custom-style .article img + em,
#custom-style .article .drawio + em,
#custom-style .article .img + em,
#custom-style .article .video-js + em,
#custom-style .article .error-video + em,
#custom-style .article [data-qa="qa-diagram-data"] > em,
#custom-style .article [data-qa="qa-drawio"] > em,
#custom-style .article .img-v + p > em:first-of-type,
#custom-style .article .img-h + p > em:first-of-type,
#custom-style .article .main-container + em,
#custom-style .article .node-image em {
	font-style: normal;
	margin-top: 12px;
}

/* разные элементы */
#custom-style details summary:before {
	margin-top: -0.2rem;
}