html{
	scroll-behavior:smooth;
}

body{
	margin:0;
	background:#f4f0e8;
	color:#171714;
	font-family:Inter,system-ui;
	font-size:16px;
	line-height:1.5;
	-webkit-font-smoothing:antialiased;
	box-sizing:border-box;
}

*{
	box-sizing:border-box;
}

a{
	color:inherit;
	text-decoration:none;
}

code{
	font-family:'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
}

p code{
	background:#e8e3d8;
	border:1px solid #c8c3b8;
	padding:.12em .35em;
	font-size:.88em;
	font-weight:600;
}

pre{
	min-width:0;
	max-width:100%;
}

.code-frame{
	min-width:0;
	max-width:100%;
	contain:inline-size;
}

.code-pre{
	min-width:0;
	max-width:100%;
	overflow-x:auto;
	overflow-y:hidden;
}

::selection{
	background:#171714;
	color:#f4f0e8;
}

pre::selection,
pre *::selection{
	background:#dbe95b;
	color:#171714;
}

.knit-highlight{
	display:block;
	width:max-content;
	min-width:100%;
	white-space:pre;
	font:inherit;
}

.knit-token{font-weight:bold;color:#a38dba}
.knit-marker{color:#ef553d}
.knit-keyword{color:#ef8d7e}
.knit-argument{color:#dbe95b}
.knit-at-argument{color:#a38dba}
.knit-selector{color:#ef8d7e}
.knit-property{color:#a38dba}
.knit-string{color:#a38dba}
.knit-number{color:#a38dba}
.knit-function{color:#a38dba}
.knit-punctuation{color:#a38dba}
.knit-brace{color:#aaa69b}