@page {
	@bottom {
		content: counter(page);
		font-size: 8pt;
		margin-bottom: 10mm;
		font-family: sans-serif;
		text-align: center;
	}
	@top {
		content: string(section-title);
		font-family: sans-serif;
		font-size: 10pt;
		color: #666;
		text-align: center;
	}
}

@page section {
	@top {
		content: normal;
	}
}

@page chapter {
	@top {
		content: string(section-title) " — " string(chapter-title);
	}
}

@page:first {
	@bottom {
		content: normal;
	}
	@top {
		content: normal;
	}
}

.manual-cover > h1 {
	string-set: book-title content();
	display: none;
}

.category > h1 {
	string-set: section-title content();
	counter-increment: section;
	counter-reset: chapter;
	counter-reset: article;
}

.category > .article > h1 {
	string-set: chapter-title content();
	counter-increment: chapter;
	counter-reset: article;
}

.category > .article > .article > h1 {
	string-set: article-title content();
	counter-increment: article;
}

.category {
	page: section;
}

.article {
	page: chapter;
}

header.main, footer.main, form, .breadcrumbs, article nav.categories, .toc {
	display: none !important;
}

body {
	font-size: 12pt;
	font-family: serif;
}

.category > h1 {
	prince-bookmark-level: 1;
	text-align: center;
	padding: 1em 0;
	font-size: 3em;
	border-bottom: .2rem solid #333;
	border-top: .2rem solid #333;
	margin: 3em auto;
	max-width: 70%;
	page-break-before: always;
}

.article > h1 {
	page-break-before: always;
	prince-bookmark-level: 2;
	border-bottom: .2rem solid #666;
	border-top: .2rem solid #666;
	font-size: 2em;
	margin: 1em 0;
	text-align: center;
	padding: 1em 0;
}

.article > .article > h1 {
	page-break-before: auto;
	border-color: #999;
	prince-bookmark-level: 3;
	font-weight: normal;
	font-size: 1.8em;
}

.article > .article > h1 {
	prince-bookmark-level: 3;
}

.category .web-content *, .article .web-content * {
	prince-bookmark-level: none;
}


.web-content p, .web-content li {
	hyphens: auto;
	text-align: justify;
	page-break-inside: avoid;
}

figure {
	page-break-inside: avoid;
	margin: 1em 0;
}

img {
	max-width: 90%;
	border: 1px solid #ccc;
}

h1, h2, h3, h4, h5, h6, figcaption, code {
	font-family: sans-serif;
}

.article > .web-content > h1, .category > .web-content > h1 {
	font-size: 1.5em;
}

.article > .web-content > h2, .category > .web-content > h2 {
	font-size: 1.3em;
}

.article > .web-content > h3, .category > .web-content > h3 {
	font-size: 1.2em;
}

.article > .web-content > h4, .category > .web-content > h4 {
	font-size: 1em;
}


body .web-content code {
	background: #ddd !important;
	padding: .1rem;
	hyphens: none;
	font-size: .9em;
}

body .web-content pre code {
	font-family: monospace;
	background: none !important;
}

.web-content pre {
	background: #ccc;
	padding: .2em;
	padding-left: 1.2em;
	white-space: pre-wrap;
	text-indent: -1em;
}

hr {
	border: none;
	border-top: 1px solid #000;
}

body .web-content a.footnote-ref {
	color: #000;
	text-decoration: none;
}

.web-content figcaption {
	font-size: .9em;
	font-style: normal;
}

body .web-content figure.image.img-center {
	max-width: inherit;
	margin: inherit;
}

.manual-cover {
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: url("pko/cover.svg") no-repeat center center;
	background-size: contain;
}

.manual-cover p {
	color: #333;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	width: 80%;
	margin: 0 auto;
	padding: .2em;
}

.manual-cover p.updated {
	font-style: italic;
	border-top: .2em solid #333;
	font-size: 12pt;
}

.manual-cover p.credits {
	font-size: .8em;
	margin-bottom: 1rem;
}

.manual-cover p.license {
	font-size: .6em;
	margin-bottom: 1rem;
}

.manual-cover p.license a {
	color: inherit;
}

.category .web-content mark {
	background: #ddd;
	box-shadow: none;
	border: 1px solid #999;
	font-family: sans-serif;
	font-size: .9em;
}