[v-cloak] {
	display: none;
}

body {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Symbols","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

pre {
	padding: 5px 10px;
	background: #F9F9F9;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	overflow: auto;
}

blockquote {
	font-family: Georgia, 'Trebuchet MS', serif;
	font-style: italic;
	padding: 5px 10px;
	border-left: 4px solid #E6E5DD;
}

blockquote p:last-child, td p:last-child {
	margin-bottom: 0;
}

.no-link-color {
	color: inherit;
}

.no-text-decoration {
	text-decoration: none !important;
}

.bg-alternative {
	background: rgba(0, 0, 0, 0.05);
}

.bg-striped > *:nth-child(odd) {
  background: rgba(0, 0, 0, 0.05);
}

.bg-striped > * {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.bg-striped > *:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.table-nonfluid {
  width: auto;
}

.svg-icon-sm {
	display: inline-block;
	fill: #222;
	height: 16px;
	width: 16px;
	vertical-align: middle;
	position: relative;
	top: -0.0625em;
}

/* ================ */
/* = Genie Manual = */
/* ================ */

.underline-h1 h1, .underline-h2 h2 {
	border-bottom: 2px solid #999;
}

/* ============================= */
/* = Enumerate Manual Sections = */
/* ============================= */

/* Bleading section numbers */

@media only screen and (min-width: 768px) {
	.enumerate-headers {
		padding-left: 100px;
	}

	.enumerate-headers h1:before, .enumerate-headers h2:before, .enumerate-headers h3:before, .enumerate-headers h4:before {
		display: inline-block;
		box-sizing: border-box;
		width: 100px;
		margin-left: -100px;
		padding-right: 0.5ch;
		text-align: right;
	}
}

.enumerate-headers {
	counter-reset: section var(--chapter-index);
}

.enumerate-headers h1 { counter-reset: subsection; }
.enumerate-headers h2 { counter-reset: subsubsection; }

.enumerate-headers h1:before {
	counter-increment: section;
	content: counter(section) " ";
}

.enumerate-headers h2:before {
	counter-increment: subsection;
	content: counter(section) "." counter(subsection) " ";
}

.enumerate-headers h3:before {
	counter-increment: subsubsection;
	content: counter(section) "." counter(subsection) "." counter(subsubsection) " ";
}

/* =============================== */
/* = Enumerate Table of Contents = */
/* =============================== */

.enumerate-table-of-contents .toc-list {
	list-style-type: none;
}

.enumerate-table-of-contents ol.toc-h1 { counter-reset: section;          }
.enumerate-table-of-contents ol.toc-h2 { counter-reset: subsection;       }
.enumerate-table-of-contents ol.toc-h3 { counter-reset: subsubsection;    }
.enumerate-table-of-contents ol.toc-h4 { counter-reset: subsubsubsection; }

.enumerate-table-of-contents li.toc-h1 { counter-increment: section;          }
.enumerate-table-of-contents li.toc-h2 { counter-increment: subsection;       }
.enumerate-table-of-contents li.toc-h3 { counter-increment: subsubsection;    }
.enumerate-table-of-contents li.toc-h4 { counter-increment: subsubsubsection; }

.enumerate-table-of-contents li.toc-h1:before { content: counter(section) "."; }
.enumerate-table-of-contents li.toc-h2:before { content: counter(section) "." counter(subsection) "."; }
.enumerate-table-of-contents li.toc-h3:before { content: counter(section) "." counter(subsection) "." counter(subsubsection) "."; }
.enumerate-table-of-contents li.toc-h4:before { content: counter(section) "." counter(subsection) "." counter(subsubsection) "." counter(subsubsubsection) "."; }

.enumerate-table-of-contents li.toc-h1:before { display: inline-block; margin-left: -40px; width: 40px; padding-right: 0.5ch; box-sizing: border-box; text-align: right; }
.enumerate-table-of-contents li.toc-h2:before { display: inline-block; margin-left: -40px; width: 40px; padding-right: 0.5ch; box-sizing: border-box; text-align: right; }
.enumerate-table-of-contents li.toc-h3:before { display: inline-block; margin-left: -40px; width: 40px; padding-right: 0.5ch; box-sizing: border-box; text-align: right; }
.enumerate-table-of-contents li.toc-h4:before { display: inline-block; margin-left: -40px; width: 40px; padding-right: 0.5ch; box-sizing: border-box; text-align: right; }

.enumerate-table-of-contents .toc-list.toc-h1 { padding-left: 40px; }
.enumerate-table-of-contents .toc-list.toc-h2 { padding-left: 40px; }
.enumerate-table-of-contents .toc-list.toc-h3 { padding-left: 40px; }
.enumerate-table-of-contents .toc-list.toc-h4 { padding-left: 40px; }

/* ===================== */
/* = Table of Contents = */
/* ===================== */

.table-of-contents .toc-list a {
	color: #000;
	text-decoration: none;
}
.table-of-contents .toc-list a:hover {
	color: #FFF;
	background-color: #000;
}

.table-of-contents .toc-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.table-of-contents .toc-h1 { font-weight: bold;   }
.table-of-contents .toc-h2 { font-weight: normal; }

.table-of-contents ol.toc-h1 { counter-reset: section;          }
.table-of-contents ol.toc-h2 { counter-reset: subsection;       }
.table-of-contents ol.toc-h3 { counter-reset: subsubsection;    }
.table-of-contents ol.toc-h4 { counter-reset: subsubsubsection; }

.table-of-contents li.toc-h1 { counter-increment: section;          }
.table-of-contents li.toc-h2 { counter-increment: subsection;       }
.table-of-contents li.toc-h3 { counter-increment: subsubsection;    }
.table-of-contents li.toc-h4 { counter-increment: subsubsubsection; }

.table-of-contents li.toc-h1:before { content: counter(section); }
.table-of-contents li.toc-h2:before { content: counter(section) "." counter(subsection); }
.table-of-contents li.toc-h3:before { content: counter(section) "." counter(subsection) "." counter(subsubsection); }
.table-of-contents li.toc-h4:before { content: counter(section) "." counter(subsection) "." counter(subsubsection) "." counter(subsubsubsection); }

.table-of-contents li.toc-h1:before { display: inline-block; margin-left: -60px; width: 60px; padding-right: 1ch; box-sizing: border-box; text-align: right; }
.table-of-contents li.toc-h2:before { display: inline-block; margin-left: -60px; width: 60px; }
.table-of-contents li.toc-h3:before { display: inline-block; margin-left: -60px; width: 60px; }
.table-of-contents li.toc-h4:before { display: inline-block; margin-left: -60px; width: 60px; }

.table-of-contents .toc-list.toc-h1 { padding-left: 60px; font-size: 21px; }
.table-of-contents .toc-list.toc-h2 { padding-left: 60px; font-size: 15px; }
.table-of-contents .toc-list.toc-h3 { padding-left: 60px; font-size: 12px; }
.table-of-contents .toc-list.toc-h4 { padding-left: 60px; font-size: 12px; }

.table-of-contents .toc-list > li, .table-of-contents .toc-list > li + li {
	margin-top: 4px;
}

.table-of-contents .toc-list.toc-h1 > li + li {
	margin-top: 1em;
}

/* ===================== */
/* = Product Container = */
/* ===================== */

.product-container .product-image, .product-container .product-blurb {
  padding: 15px;
  align-self: center;
}

.product-container {
  display: grid;
  grid-template-rows: auto;
}

.product-container .product-image {
  overflow: hidden;
}

@media only screen and (max-width: 575px) {
  .product-container {
    grid-template-columns: 1fr;
  }
  .product-container .product-blurb {
    grid-row-start: 2;
    grid-column: 1 / 1;
  }
  .product-container .product-image {
    grid-row-start: 1;
    grid-column: 1 / -1;
  }
}

@media only screen and (min-width: 576px) {
  .product-container {
    grid-template-columns: 1fr 540px 1fr;
  }
  .product-container .product-blurb {
    grid-column: 2 / 2;
  }
  .product-container .product-image {
    grid-column: 1 / -1;
  }
}

@media only screen and (min-width: 768px) {
  .product-container {
    grid-template-columns: 1fr 360px 360px 1fr;
  }
  .product-container .product-blurb {
    grid-row-start: 1;
  }
  .product-container .product-image {
    grid-row-start: 1;
    grid-column: 3 / -1;
  }
}

@media only screen and (min-width: 992px) {
  .product-container {
    grid-template-columns: 1fr 480px 480px 1fr;
  }
}