.code-description{
	.code-exp img{
		margin:0 10px 5px 0;
		border:1px solid steelblue;
	}
}

.code-section{
	.code-setume{
		margin:1em 0 0 1em;
		font-size:90%;
		& a{color:#426FBF;text-decoration:none;}
		& a:hover{text-decoration:underline;}
		& th{text-align:left;}
		& td{vertical-align:top}
		& tr > td:nth-child(2){padding-left:.5em;}
		& tbody tr td:first-child{white-space:nowrap;}
		& tbody tr td:first-child:not([colspan]){font-weight:bold;}
	}
}

#sample-code-header{
	padding-bottom:0;
}

.index{
	margin:10px 60px;
	padding:1em;
	border:1px solid #426FBF;
/*	border-radius:10px;*/
	background:rgb(255 0 0 / 5%) !important;
	& div:first-child{font-weight:bold;}
	& div:not(first-child){
		& ol{
			margin:.5em 0 .3em 1em;
			padding:0;
		}
		& li a{color:black;text-decoration:none;}
	}
}

.code-dl{
	padding-bottom:1px;
	text-align:right;
	& a{
		margin-right:5px;
		padding:2px 1em;
		border-radius:4px;
		background:#426FBF;
		color:#fff;
		text-decoration:none;
	}
	& a:hover{text-decoration:underline;}
}