:root {
	--brown: rgb(102, 51, 51);
}
:host .chapters {
	width:100%;
	padding: 0.25em 0.5em;
	margin: 0;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: var(--brown);
	box-shadow: inset 0px 0px 5px 0px rgba(102, 51, 51, 0.5);
}
:host,
:host .chapters > ul {
	width:100%;
	padding: 0;
	margin: 0;
}
:host .chapters > ul {
	list-style: none;
}
:host [data-chapter] {
	display: none;
}
:host figure {
	margin: 0;
	padding: 2px;
	background: rgba(102, 51, 51, 0.1);
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: grey var(--brown) var(--brown) gray;
}
:host figure figcaption {
	padding: 2px;
}
:host figure a {
	display: block;
}
:host figure img {
	width: 100%;
	border: var(--brown) 1px solid;
	box-sizing: border-box;
}
:host table,
:host th,
:host td {
  border: solid 1px var(--brown);
  text-align: left;
  vertical-align: center;
}
:host [data-list="horizontal"] {
	display: flex;
	flex-direction: row;
	list-style: none;
	padding: 0;
}