.note {
	background: light-dark(#506c881a, #ffffff08);
	border: 1px solid light-dark(#02333a15, #ffffff15);
}
.warning {
	background: light-dark(#ff00331a, #ff66000c);
	border: 1px solid light-dark(#f083, #f602);
}
.warning, .note {
	border-radius: 0.35em;
	box-shadow: 0 0 0 1px light-dark(#0000, #0003);
}
.warning, p.note {
	padding: 0.8em 1em;
}
ul.note {
	padding: 0.4em 1em;
}

code {
	border: 1px solid light-dark(#00000015, #fff0);
}

pre {
	border: 1px solid light-dark(#00000015, #fff0);
}

pre.header {
	 margin-bottom: 0;
	 border-bottom: none;
	 padding-bottom: 0.8em;
	 border-bottom-left-radius: 0;
	 border-bottom-right-radius: 0;
}
pre.body {
	margin-top: 0;
	padding-top: 0.8em;
	border-top: 1px dashed light-dark(#0002, #fff2);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}