.header{margin-bottom: 2em;}
.header .title{margin-bottom: 1em;}
.header .title em{font-size:1.7em; font-weight: bold; line-height: 1;}
.header .title em:after{content: " \f0c1"; font-family: "Font Awesome 6 Free";font-weight: 600; font-size:0.9em;}

.main{border-bottom: 1px solid #efefef;}

.context+.context{margin-top: 5em; padding-top: 5em; border-top:1px solid #ddd;}

.context>*{font-size:1.1em;}
.context *{font-size: 1em; line-height: 1.8; word-break: keep-all;}
.context ul li{position: relative; padding-left: 20px;}
.context ul li:before{content: ""; position: absolute; left: 0; top: 10px; border-radius: 5px; width: 5px; height: 5px; background-color: #000;}

.context .important,
.context .important *{color:red;}
.context .important:before{background-color: red;}

.context>h5{font-size: 1.3em;}
.context>strong{display: block; font-size:1.1em;}

.snb{padding-top: 1em;}

.snb ul.dp1>li{margin-top: 0.5em;}
.snb ul.dp1>li+li{margin-top: 1em;}

.snb ul li a{display: block; padding: 0.5em 1em; font-size:0.9em;}

.snb ul.dp2{}

/*.snb ul.dp1>li>a{font-weight: bold;}*/

.docs{padding: 2em 2em;box-sizing: border-box;}


h5{margin-bottom: 2em; font-size:1.4em;}

.docs .context table {margin-top: 2em; width: 100%;}

.docs .context table .caption,
.docs .context table caption {
	padding-bottom: 20px;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
}

.docs .context table thead th {
	background-color: #efefef;
}

.docs .context table th, .docs .context table td {
	padding: 10px;
	border: 1px solid #ddd;
}

.docs .context table td {
	line-height: 1.5;
}


pre {
	display: block;
	white-space: normal;
	overflow: hidden;
	overflow-x: scroll;
	max-width: 633px;
}

pre code.hljs {
	display: block;
	padding: 1em;
	line-height: 1.5;
	white-space: pre-line;
	min-width: 700px;
}

code.hljs {
	padding: 3px 5px
}

.hljs {
	background: #1e1e1e;
	color: #dcdcdc
}

.hljs-keyword,.hljs-literal,.hljs-name,.hljs-symbol {
	color: #569cd6
}

.hljs-link {
	color: #569cd6;
	text-decoration: underline
}

.hljs-built_in,.hljs-type {
	color: #4ec9b0
}

.hljs-class,.hljs-number {
	color: #b8d7a3
}

.hljs-keyword{margin-right: 1em;}
.hljs-meta{margin-left: 1em;}

.hljs-meta .hljs-string,.hljs-string {
	color: #d69d85
}

.hljs-regexp,.hljs-template-tag {
	color: #9a5334
}

.hljs-formula,.hljs-function,.hljs-params,.hljs-subst,.hljs-title {
	color: #dcdcdc
}

.hljs-comment,.hljs-quote {
	color: #57a64a;
	font-style: italic
}

.hljs-doctag {
	color: #608b4e
}

.hljs-meta,.hljs-meta .hljs-keyword,.hljs-tag {
	color: #9b9b9b
}

.hljs-template-variable,.hljs-variable {
	color: #bd63c5
}

.hljs-attr,.hljs-attribute {
	color: #9cdcfe
}

.hljs-section {
	color: gold
}

.hljs-emphasis {
	font-style: italic
}

.hljs-strong {
	font-weight: 700
}

.hljs-bullet,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag {
	color: #d7ba7d
}

.hljs-addition {
	background-color: #144212;
	display: inline-block;
	width: 100%
}

.hljs-deletion {
	background-color: #600;
	display: inline-block;
	width: 100%
}


@media (min-width: 1000px) {
	.area{padding:0 1em; max-width: 900px; box-sizing: border-box;}
	.area>.tb{width:100%;}

	.snb{min-width:210px; max-width:210px; vertical-align: top;}

	.docs{border-left: 1px solid #efefef;}
}

@media (max-width: 999px) {
	.tb,
	.tb .tc{display: block;}
	.snb{padding-left: 2em;padding-right: 2em;padding-bottom: 2em;border-bottom: 1px solid #efefef;}
	.snb ul li a{padding-left: 0; padding-right: 0;}
	pre{max-width:inherit;}
}