/* --- Publisher Specific Styling --- */
@import url("pinnacle-entertainment.css");
@import url("sigil.css");

/* Google font imports to be used for compendium books. */
@import url('https://fonts.googleapis.com/css2?family=Della+Respira&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@0;1&family=Lusitana:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&family=Open+Sans:ital,wght@0,400;1,400;1,700&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Goblin+One&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Kadwa&family=Press+Start+2P&family=Russo+One&family=Titillium+Web&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Carter+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Text&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Macondo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Passion+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fondamento&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* Blades in the Dark */

.content-text[data-bookid="BITD"] h1,
.content-text[data-bookid="BITD"] h2,
.content-text[data-bookid="BITD"] h3,
.content-text[data-bookid="BITD"] h4,
.content-text[data-bookid="BITD"] h5 {
    font-family: "Goblin One", serif;
    font-weight: 700;
    text-transform: uppercase;
}

.content-text[data-bookid="BITD"] p {
    font-family: "Crimson Text", "Montserrat", sans-serif;
}

/* Band of Blades */

.content-text[data-bookid="bandofblades"] h1,
.content-text[data-bookid="bandofblades"] h2,
.content-text[data-bookid="bandofblades"] h3,
.content-text[data-bookid="bandofblades"] h4,
.content-text[data-bookid="bandofblades"] h5 {
    font-family: 'IM Fell English SC', serif;
}

/* Backbone */

.content-text[data-bookid="backbone"] h1,
.content-text[data-bookid="backbone"] h2,
.content-text[data-bookid="backbone"] h3,
.content-text[data-bookid="backbone"] h4,
.content-text[data-bookid="backbone"] h5 {
  font-family: 'IM Fell English SC', serif;
}

.content-text[data-bookid="backbone"] p {
    font-family: 'IM Fell English', serif;
}

/* HERO System */

.content-text[data-bookid="HERO"] h1,
.content-text[data-bookid="HERO"] h2,
.content-text[data-bookid="HERO"] h3,
.content-text[data-bookid="HERO"] h4,
.content-text[data-bookid="HERO"] h5 {
  font-family: 'Roboto', sans-serif;
}

.content-text[data-bookid="HERO"] p {
    font-family: 'Domine', serif;
}

/* Improv For Gamers */

.content-text[data-bookid="ifg"] h1,
.content-text[data-bookid="ifg"] h2,
.content-text[data-bookid="ifg"] h3,
.content-text[data-bookid="ifg"] h4,
.content-text[data-bookid="ifg"] h5 {
  font-family: 'Carter One', cursive;
}

/* Fate */

.content-text[data-expansionid="5820"] h1,
.content-text[data-expansionid="5820"] h2,
.content-text[data-expansionid="5820"] h3,
.content-text[data-expansionid="5820"] h4,
.content-text[data-expansionid="5820"] h5,

.content-text[data-expansionid="14796"] h1,
.content-text[data-expansionid="14796"] h2,
.content-text[data-expansionid="14796"] h3,
.content-text[data-expansionid="14796"] h4,
.content-text[data-expansionid="14796"] h5,

.content-text[data-expansionid="13180"] h1,
.content-text[data-expansionid="13180"] h2,
.content-text[data-expansionid="13180"] h3,
.content-text[data-expansionid="13180"] h4,
.content-text[data-expansionid="13180"] h5,

.content-text[data-expansionid="14799"] h1,
.content-text[data-expansionid="14799"] h2,
.content-text[data-expansionid="14799"] h3,
.content-text[data-expansionid="14799"] h4,
.content-text[data-expansionid="14799"] h5 {
    font-family: 'Orbitron', sans-serif;
    font-weight: 400;
}

/* Scum & Villainy */

.content-text[data-bookid="scumandvillainy"] h1,
.content-text[data-bookid="scumandvillainy"] h2,
.content-text[data-bookid="scumandvillainy"] h3,
.content-text[data-bookid="scumandvillainy"] h4,
.content-text[data-bookid="scumandvillainy"] h5 {
    font-family: 'Orbitron', sans-serif;
    font-weight: 400;
}

/* Thirsty Sword Lesbians */

.content-text[data-bookid="tsl"] h1,
.content-text[data-bookid="tsl"] h2,
.content-text[data-bookid="tsl"] h3,
.content-text[data-bookid="tsl"] h4,
.content-text[data-bookid="tsl"] h5 {
font-family: "Kaushan Script", serif;
font-weight: 700;
color: #E85761;
}

/* Rise of the Drow */

.content-text[data-expansionid="5818"] h1,
.content-text[data-expansionid="5818"] h2,
.content-text[data-expansionid="5818"] h3,
.content-text[data-expansionid="5818"] h4,
.content-text[data-expansionid="5818"] h5,
.content-text[data-expansionid="5818"] h6,
.content-text[data-expansionid="5818"] .theme-color,
.content-text[data-expansionid="5818"] blockquote,
.content-text[data-expansionid="5818"] i {
    color: #4e1860;
}

.content-text[data-expansionid="5818"] th {
  padding-left: 5px;
  padding-right: 5px;
}

/* Monster of the Week */
.content-text[data-bookid="motw"] h1,
.content-text[data-bookid="motw"] h2,
.content-text[data-bookid="motw"] h3,
.content-text[data-bookid="motw"] h4,
.content-text[data-bookid="motw"] h5 {
    font-family: 'Special Elite', cursive;
}

/* Atomic Robo RPG & Atomic Robo RPG - MJ-12*/
.content-text[data-expansionid="14797"] h1,
.content-text[data-expansionid="14797"] h2,
.content-text[data-expansionid="14797"] h3,
.content-text[data-expansionid="14797"] h4,
.content-text[data-expansionid="14797"] h5,
.content-text[data-expansionid="14797"] h6,
.content-text[data-expansionid="14798"] h1,
.content-text[data-expansionid="14798"] h2,
.content-text[data-expansionid="14798"] h3,
.content-text[data-expansionid="14798"] h4,
.content-text[data-expansionid="14798"] h5,
.content-text[data-expansionid="14798"] h6 {
  font-family: 'Big Shoulders Text', cursive;
}

/* Uprising - Revolutionary Stories */
.content-text[data-expansionid="14799"] h1,
.content-text[data-expansionid="14799"] h2,
.content-text[data-expansionid="14799"] h3,
.content-text[data-expansionid="14799"] h4,
.content-text[data-expansionid="14799"] h5,
.content-text[data-expansionid="14799"] h6 {
  font-family: 'Orbitron', sans-serif;
}

/* Young Centurions */
.content-text[data-expansionid="14800"] h1,
.content-text[data-expansionid="14800"] h2,
.content-text[data-expansionid="14800"] h3,
.content-text[data-expansionid="14800"] h4,
.content-text[data-expansionid="14800"] h5,
.content-text[data-expansionid="14800"] h6 {
  font-family: 'Macondo', cursive;
}

/* Kaiju Inc. */
.content-text[data-expansionid="14801"] h1,
.content-text[data-expansionid="14801"] h2,
.content-text[data-expansionid="14801"] h3,
.content-text[data-expansionid="14801"] h4,
.content-text[data-expansionid="14801"] h5,
.content-text[data-expansionid="14801"] h6 {
  font-family: 'Passion One', cursive;
}

/*  War of Ashes - Fate of Agaptus */
.content-text[data-expansionid="14802"] h1,
.content-text[data-expansionid="14802"] h2,
.content-text[data-expansionid="14802"] h3,
.content-text[data-expansionid="14802"] h4,
.content-text[data-expansionid="14802"] h5,
.content-text[data-expansionid="14802"] h6 {
  font-family: 'Fondamento', cursive;
}

/* - Mothership - */

.content-text[data-bookid="mothership"]{
    font-family: "Open Sans", sans-serif;
}
.content-text[data-bookid="mothership"] #pageAttrs {
    display: none;
}
.content-text[data-bookid="mothership"] div[style] > em {
    font-family: "Open Sans", sans-serif;
    content: "";
}
.content-text[data-bookid="mothership"] div[style] > h3 > a {
    border: 0;
}
.content-text[data-bookid="mothership"] div[style] > h3 > a:hover {
    display: block;
    background: #f00;
}
.content-text[data-bookid="mothership"] div[style] > h3:before {
    content: "";
}
.content-text[data-bookid="mothership"] em > a {
    padding: 5px;
    border-radius: 15px;
    background-color: #000;
    color: #fff;
    font-variant: normal;
    font-weight: bold;
}
.content-text[data-bookid="mothership"] em > a:hover {
    background-color: #f00;
}
.content-text[data-bookid="mothership"] h1 {
    counter-reset: h2counter;
}
.content-text[data-bookid="mothership"] h1,
.content-text[data-bookid="mothership"] h2,
.content-text[data-bookid="mothership"] h3,
.content-text[data-bookid="mothership"] h4 {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    border-bottom: 2px solid #000;
}.content-text[data-bookid="mothership"] h2:before {
    content: counter(h2counter) ". ";
    counter-increment: h2counter;
    counter-reset: h3counter;
}
.content-text[data-bookid="mothership"] h3:before {
    content: counter(h2counter) "." counter(h3counter) ". ";
    counter-increment: h3counter;
}
.content-text[data-bookid="mothership"] table tr td {
    border: 0 !important;
    font-size: 0.8em;
    vertical-align: middle !important;
}
.content-text[data-bookid="mothership"] table {
    min-width: 100%;
    border: 2px solid #000;
}
.content-text[data-bookid="mothership"] td,
.content-text[data-bookid="mothership"] th,
.content-text[data-bookid="mothership"] strong,
.content-text[data-bookid="mothership"] em,
.content-text[data-bookid="mothership"] li,
.content-text[data-bookid="mothership"] p {
    font-family: "Open Sans", sans-serif
}
.content-text[data-bookid="mothership"] td[rowspan] {
    min-width: 10%;
    border-right: 2px solid #000 !important;
    text-align: center;
    font-weight: bold;
}
.content-text[data-bookid="mothership"] td[rowspan]:nth-of-type(even) {
    border-right: 2px solid #eee;
}
.content-text[data-bookid="mothership"] thead td,
.content-text[data-bookid="mothership"] thead th {
    padding: 5px;
}
.content-text[data-bookid="mothership"] thead,
.content-text[data-bookid="mothership"] thead td,
.content-text[data-bookid="mothership"] thead th {
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    line-height: 1;
}
.content-text[data-bookid="mothership"] tr {
    border: 2px solid #000;
}
.content-text[data-bookid="mothership"] tr:nth-child(even) {
    background-color: #eee;
}
.content-text[data-bookid="mothership"] {
    font-size: 12pt;
}
  
/* - WFRP - */

.content-text[data-bookid="WFRP"] h1,
.content-text[data-bookid="WFRP"] h2 {
    clear: both;
    
    font-family: "Caslon Antique", "IM Fell DW Pica", serif;
    font-variant: small-caps;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.content-text[data-bookid="WFRP"] h1:after,
.content-text[data-bookid="WFRP"] h2:after {
    display: block;
    content: " ";
    width: 60%;
    height: 15px;
    margin: auto;
    
    background: url('https://s3.amazonaws.com/files.d20.io/images/151167682/MU4qaf0sjSe1o3s318ZhKA/max.png?1595036126') no-repeat center/100% 100%;
}

.content-text[data-bookid="WFRP"] h3,
.content-text[data-bookid="WFRP"] h4 {
    margin-bottom: 0;
    
    font-family: "Adobe Caslon Pro", "Lusitana", serif;
    font-weight: bold;
    line-height: 1;
}

.content-text[data-bookid="WFRP"] div:not(#pagecontent) > h3{
    margin-bottom: 12pt;
    
    font-family: "Caslon Antique", "IM Fell DW Pica", serif;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}


.content-text[data-bookid="WFRP"] h1.page-title {
    font-size: 40pt;
    text-transform: uppercase;
}

.content-text[data-bookid="WFRP"] p {
    font-family: "Adobe Caslon Pro", "Lusitana", serif;
}

.content-text[data-bookid="WFRP"] .sidebar {
    max-width: 33%;
    float:right;
    
    background: url('https://s3.amazonaws.com/files.d20.io/images/151442442/WL3whxtgGLSL18KI8cvGQw/max.png?1595121884') no-repeat center/100% 100%;
}

.content-text[data-bookid="WFRP"] p img[src*="1598815506"],
.content-text[data-bookid="WFRP"] p img[src*="1598815507"] {
    margin-bottom: 5px;
}

.content-text[data-bookid="WFRP"] p img[src*="K5H077z3OYZYmbJ8r5X_OQ"] {
    height: 1.75rem
}

.content-text[data-bookid="WFRP"] p img[src*="-omveiXzYhrM2auBcF_MCQ"] {
    width: 1.75rem !important;
    height: 2rem
}

.content-text[data-bookid="WFRP"] p img[src*="VfP5cEyMhPjAVgQXf9ennA"] {
    height: 2rem
}

.content-text[data-bookid="WFRP"] p img[src*="e_2oUSr3imLxPIMS0fS_8A"] {
    width: 2rem !important;
    height: 2rem
}

.content-text[data-bookid="WFRP"] #pagecontent table {
    width: 100%;
    padding: 2em;
    border-collapse: separate;
    
    font-family: "Adobe Caslon Pro", "Lusitana", serif;
    
    background: url('https://s3.amazonaws.com/files.d20.io/images/151442442/WL3whxtgGLSL18KI8cvGQw/max.png?1595121884') no-repeat center/100% 100% !important;
    background-origin: border-box;
}

.content-text[data-bookid="WFRP"] #pagecontent table tr {
    width: 80%;
}

.content-text[data-bookid="WFRP"] table thead{
    border-bottom: 1px solid #000;
}

.content-text[data-bookid="WFRP"] table thead th {
    text-align: center;
}

.content-text[data-bookid="WFRP"] #pagecontent blockquote {
    border: 0;
    
    font-size: 1em;
    text-align: center;
}

.content-text[data-bookid="WFRP"] #pagecontent table tr {
    margin: 0 2rem;
}

.content-text[data-bookid="WFRP"] #pagecontent table tbody tr:nth-child(odd) {
    background: rgba(36, 107, 131, 0.075);
}

.content-text[data-bookid="WFRP"] #pagecontent table tbody tr td,
.content-text[data-bookid="WFRP"] #pagecontent table thead td,
.content-text[data-bookid="WFRP"] table thead th {
    border: 0;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000 !important;
    text-align: center;
}

.content-text[data-bookid="WFRP"] #pagecontent table tbody tr td:last-of-type,
.content-text[data-bookid="WFRP"] #pagecontent table thead td:last-of-type,
.content-text[data-bookid="WFRP"] table thead th:last-of-type {
    border: 0;
    border-bottom: 1px solid #000;
    text-align: center;
}

.content-text[data-bookid="WFRP"] #pagecontent table tbody tr:last-of-type td {
    border-right: 1px solid #000;
    border-bottom: 0  !important;
    text-align: center;
}

.content-text[data-bookid="WFRP"] #pagecontent table tbody tr:last-of-type td:last-of-type {
    border: 0 !important;
    text-align: center;
}

.content-text[data-bookid="WFRP"] table tbody td,
.content-text[data-bookid="WFRP"] table thead th {
    text-align: center;
}
	
/* - Agon - */

.content-text[data-bookid="AGON"] h1,
.content-text[data-bookid="AGON"] h2,
.content-text[data-bookid="AGON"] h3,
.content-text[data-bookid="AGON"] h4,
.content-text[data-bookid="AGON"] h5 {
	font-family: "Della Respira", serif;
	font-weight: 600;
	text-transform: uppercase;
	color: #00646a;
}

.content-text[data-bookid="AGON"] p {
	font-family: "Open Sans", "Montserrat", sans-serif;
}

/* - Scion 2e - */

.content-text[data-bookid=Scion2e] #pagecontent {
  --font-primary: Mercury Test G2, Palatino, Palatino Linotype, Helvetica Neue, Arial, serif;
  --font-secondary: Futura, Helvetica Neue, Helvetica, Arial, serif;
  --font-body: var(--font-primary);
  --font-title: Albertus MT Std, Impact, Arial Black, sans-serif;
  --font-heading: Crud, Impact, Arial Black, sans-serif;
  --font-h6: var(--font-body);
  --font-alternative-body: var(--font-secondary);
  --font-sidebar-body: var(--font-secondary);
  --font-sidebar-heading: Benguiat, Impact, Arial Black, sans-serif;
  --font-pantheon-box-headings: var(--font-secondary);
  --font-featured-body: var(--font-secondary);
  --font-featured-headings: var(--font-secondary);
  --font-character-box: var(--font-secondary);
  --font-th: var(--font-secondary);
  --font-td: var(--font-secondary);
  --font-dropcap: Benguiat, Impact, Arial Black, sans-serif;
  --font-toc-h3: Albertus MT Std, Impact, Arial Black, sans-serif;
  --font-toc-h4: var(--font-primary);
  --font-toc-h5: var(--font-primary);
  --font-faq-heading: var(--font-secondary);
  --font-faq-content: var(--font-secondary);
  --color-subheadings: #1a1a1a;
  --color-primary-background: #353e29;
  --color-secondary-background: #dddcd8;
  --color-text: #303030;
  --color-text-heavy: #1a1a1a;
  --color-text-highlighted: #2f3725;
  --color-link: #418fde;
  --color-link-hover: #418fde;
  --color-autolink-border: currentColor;
  --color-text-dt-strong: #2f3725;
  --color-h2: #4d5343;
  --color-h3: var(--color-subheadings);
  --color-h4: var(--color-subheadings);
  --color-h5: var(--color-subheadings);
  --color-h6: #4d5343;
  --color-figcaption: #4d5343;
  --color-toc-h3: #4d5343;
  --color-toc-strong: #4d5343;
  --color-dropcap: #675d51;
  --color-layout: var(--color-primary-background);
  --color-aside-background: #404133;
  --color-aside-text: #f4ebd1;
  --color-aside-th-background: var(--color-primary-background);
  --color-aside-even-background: var(--color-primary-background);
  --color-aside-odd-background: #f4ebd1;
  --color-aside-odd-text: #303030;
  --color-aside-even-text: #f4ebd1;
  --color-bullet-boxes-background: var(--color-secondary-background);
  --color-dot-boxes-background: var(--color-secondary-background);
  --color-table-header-background: var(--color-primary-background);
  --color-pantheon-box-header-background: var(--color-primary-background);
  --color-pantheon-box-callings-background: var(--color-secondary-background);
  --color-featured-header-background: var(--color-primary-background);
  --color-character-box-background-outer: var(--color-primary-background);
  --color-character-box-background-inner: #ccc7bd;
  --color-faq-header: white;
  --color-faq-header-background: var(--color-primary-background);
  --color-faq-background: var(--color-secondary-background);
  --color-table-row-odd: #f4f3f0;
  --color-table-row-even: #d1d0ca;
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: clamp(13px, 1.2345679012vw + (8.3703703704px), 18px);
  line-height: 1.4;
}
.content-text[data-bookid=Scion2e] #pagecontent a[name=toc_1] + * {
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(h1, h2, h3, h4, h5, h6, figcaption):not(.esc) {
  font-family: var(--font-heading);
  line-height: 0.9;
  text-transform: uppercase;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(h1, h2, h3, h4, h5, h6, figcaption):not(.esc):first-child {
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(h1, h2, h3, h4, h5, h6, figcaption):not(.esc) a {
  color: currentColor !important;
  border-bottom: none !important;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(h1, h2, h3, h4, h5, h6, figcaption):not(.esc) a:hover {
  color: currentColor !important;
  text-decoration: none;
}
.content-text[data-bookid=Scion2e] #pagecontent em em {
  font-style: normal;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(a, a.autolink):hover {
  background: inherit;
  color: var(--color-link-hover) !important;
}
.content-text[data-bookid=Scion2e] #pagecontent a:not(.autolink) {
  color: var(--color-link) !important;
  border-bottom: none !important;
}
.content-text[data-bookid=Scion2e] #pagecontent a.autolink {
  border-bottom: 1px dotted var(--color-autolink-border) !important;
}
.content-text[data-bookid=Scion2e] #pagecontent p {
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: 1em;
  line-height: 1.4;
  margin: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent p:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent p strong {
  color: var(--color-text-heavy);
}
.content-text[data-bookid=Scion2e] #pagecontent blockquote {
  margin: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent blockquote:not(:first-child) {
  margin-top: 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent blockquote:not(:last-child) {
  margin-bottom: 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol) {
  padding-left: 2em;
  margin: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol):not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol):not(:last-child) {
  margin-bottom: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol) strong {
  color: var(--color-text-heavy);
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol) li {
  padding-left: 0.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol) li:not(:last-child) {
  margin-bottom: 0.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol) li > :is(ul, ol) {
  padding: 0;
  margin-top: 0.5em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(ul, ol) li > :is(ul, ol) li {
  padding: 0 0 0 1.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent dl {
  padding: 0 1em;
  margin: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent dl:not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent dl:not(:last-child) {
  margin-bottom: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent dt {
  color: var(--color-text-dt-strong);
  font-family: var(--font-featured-body);
  font-weight: 400;
}
.content-text[data-bookid=Scion2e] #pagecontent dt:not(:last-child) {
  margin-bottom: 0.25em;
}
.content-text[data-bookid=Scion2e] #pagecontent dt, .content-text[data-bookid=Scion2e] #pagecontent dd {
  line-height: 1.4;
}
.content-text[data-bookid=Scion2e] #pagecontent figure:not(:first-child) {
  margin-top: 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent figure:not(:last-child) {
  margin-bottom: 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent figcaption + table {
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e] #pagecontent table {
  font-size: inherit !important;
  margin-bottom: 0 !important;
  width: 100%;
}
.content-text[data-bookid=Scion2e] #pagecontent table:not(:first-child) {
  margin-top: 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent table:not(:last-child) {
  margin-bottom: 2em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(td, th) {
  font-size: 0.875em;
  border: none;
}
.content-text[data-bookid=Scion2e] #pagecontent :is(td, th):not(:last-child) {
  padding-right: 1em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent th {
  background: var(--color-table-header-background);
  color: white;
  font-family: var(--font-th);
  text-transform: uppercase;
  vertical-align: bottom;
  padding: 0.25em 0.5em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent td {
  font-family: var(--font-td);
  padding: 0.45em 0.5em 0.25em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent tbody tr:nth-child(odd) {
  background: var(--color-table-row-odd);
}
.content-text[data-bookid=Scion2e] #pagecontent tbody tr:nth-child(even) {
  background: var(--color-table-row-even);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5em 4%;
  margin-top: 2em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div {
  flex: 1 1 48%;
  font-size: clamp(16px, 0.4938271605vw + (14.1481481481px), 18px);
  min-width: 320px;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div a:nth-child(2) + * {
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div * {
  line-height: 1;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div h3 {
  color: var(--color-toc-h3);
  font-family: var(--font-toc-h3);
  font-size: 1.25em;
  border-bottom: 1px solid currentColor;
  margin: 1.25em 0 0.5em !important;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div ul {
  list-style: none;
  padding-left: 0.75em;
  margin: 0 !important;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li {
  margin: 0;
  padding-left: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li :is(h4, h5) {
  margin: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li :is(h4, h5) > :is(a, span) {
  display: block;
  padding: 8px 0;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li * {
  font-size: 1em;
  text-transform: none;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li *:not(:is(strong)) {
  font-weight: 400;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li h4 {
  font-family: var(--font-toc-h4);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li h5 {
  color: var(--font-toc-h5);
  font-family: var(--font-toc-h5);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li ul h5 {
  font-style: italic;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=toc] + * > div li strong {
  color: var(--color-toc-strong);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*="66%"] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*="66%"] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  width: 66%;
  min-width: 345px;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*="50%"] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*="50%"] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  width: 50%;
  min-width: 200px;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*="33%"] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*="33%"] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  width: 33%;
  min-width: 150px;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=centered] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=centered] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  margin-left: auto !important;
  margin-right: auto !important;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=uppercase] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=uppercase] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  text-transform: uppercase;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=indent-05] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=indent-05] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  text-indent: 0.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=indent-10] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=indent-10] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  text-indent: 1em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=indent-15] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=indent-15] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  text-indent: 1.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=text-justify] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=text-justify] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  text-align: justify;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-size-09] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-size-09] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  font-size: 0.9em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-size-08] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-size-08] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  font-size: 0.8em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-size-07] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-size-07] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  font-size: 0.7em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=drop-cap] + *::first-letter {
  float: left;
  color: var(--color-dropcap);
  font-family: var(--font-dropcap) !important;
  font-size: 3.25em;
  line-height: 0.6;
  padding-right: 0.05em;
  padding-top: 0.2em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=display-block] + * {
  display: block;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-weight-400] + * {
  font-weight: 400;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-weight-700] + * {
  font-weight: 700;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=clearfix] {
  display: block;
  clear: both;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=circle-shape] + * {
  shape-outside: circle(50%);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=transform-flip-x] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=transform-flip-x] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  transform: scale(-1, 1);
}
@media (min-width: 480px) {
  .content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=two-columns] + * {
    column-count: 2;
    column-gap: 2em;
  }
}
@media (min-width: 768px) {
  .content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=responsive-float-right] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=responsive-float-right] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
    float: right;
    font-size: 0.75em;
    margin: 1em 0 1em 1em;
    width: 45%;
  }
}
@media (min-width: 992px) {
  .content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=responsive-float-right] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=responsive-float-right] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
    font-size: 0.625em;
  }
}
@media (min-width: 1200px) {
  .content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=responsive-float-right] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=responsive-float-right] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
    font-size: 0.75em;
  }
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=container-drop-shadow] + * {
  filter: drop-shadow(0.45em 0.45em 0.3em rgba(0, 0, 0, 0.3));
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=dot-boxes] + div:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=dot-boxes] + div:not(:last-child) {
  margin-bottom: 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=dot-boxes] + div > div {
  display: flex;
  padding: 0.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=dot-boxes] + div > div:nth-child(odd) {
  background: var(--color-dot-boxes-background);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=dot-boxes] + div > div > :first-child {
  flex-shrink: 0;
  min-width: 4em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=dot-boxes] + div > div > :last-child {
  flex-grow: 1;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + * {
  list-style-position: inside;
  padding: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + *:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + * > li {
  padding: 0.5em 0.5em 0.5em 2em;
  margin: 0;
  overflow: hidden;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + * > li:nth-child(odd) {
  background: var(--color-bullet-boxes-background);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + *:is(ul) > li {
  text-indent: -1.35em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + * ul * {
  color: var(--color-text-highlighted) !important;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + *:is(ol) > li {
  position: relative;
  list-style: none;
  counter-increment: custom;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + *:is(ol) > li:first-child {
  counter-reset: custom;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=alternating-boxes] + *:is(ol) > li::before {
  content: counter(custom) " ";
  position: absolute;
  left: 0;
  display: block;
  text-align: center;
  width: 30px;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=highlighted-text] + * {
  --color-text: var(--color-text-highlighted);
  --color-text-heavy: var(--color-text-highlighted);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-alternative] + *,
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=font-alternative] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  font-family: var(--font-alternative-body);
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=faq-box] + div {
  --chamfer: .6em;
  clip-path: polygon(0% var(--chamfer), var(--chamfer) 0%, calc(100% - var(--chamfer)) 0%, 100% var(--chamfer), 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, var(--chamfer) 100%, 0% calc(100% - var(--chamfer)));
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=faq-box] + div:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=faq-box] + div:not(:last-child) {
  margin-bottom: 0.75em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=faq-box] + div > :is(h2, h3, h4, h5, h6) {
  background: var(--color-faq-header-background);
  color: var(--color-faq-header);
  font-family: var(--font-faq-heading);
  font-size: 1.125em;
  padding: 0.5em;
  margin: 0;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=faq-box] + div > div {
  background: var(--color-faq-background);
  font-family: var(--font-faq-content);
  padding: 0.5em;
}
.content-text[data-bookid=Scion2e] #pagecontent:not(.xyz) span[title*=faq-box] + div > div * {
  font-family: var(--font-faq-content);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent {
  --gradient-aside-border: linear-gradient(0, #eae18d 0%, #b38b48 100%);
  --gradient-image-border: linear-gradient(0, #b38b48 0%, #eae18d 100%);
  --image-aside-background: url("https://s3.amazonaws.com/files.d20.io/images/250048591/c1IgWmKt6tZp0A4AQ9B1BQ/max.jpg?1634051815");
  --image-skull-black: url("https://s3.amazonaws.com/files.d20.io/images/250050129/XeS95ohRfc8WRrubiYA5GQ/max.png?1634052720");
  --box-shadow-aside: 6px 6px 8px rgba(0, 0, 0, 0.28);
  --box-shadow-container: 6px 6px 8px rgba(0, 0, 0, 0.28);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h1:not(.esc) {
  position: relative;
  color: white;
  font-family: var(--font-title);
  font-size: clamp(14px, 0.987654321vw + (10.2962962963px), 18px);
  padding: 64px 0 32px;
  overflow: hidden;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h1:not(.esc)::after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  box-shadow: inset 0 0 3px 5px white;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h1:not(.esc) > img {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  transform: translateY(-50%);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h1:not(.esc) > div {
  --inner-padding: clamp(8px, 15vw + (-40px), 32px);
  font-size: 4em;
  filter: drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px #666666);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h1:not(.esc) > div > * {
  display: block;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h1:not(.esc) > div > :first-child {
  font-size: 60%;
  padding: 0 var(--inner-padding);
  margin-bottom: 0.25em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h1:not(.esc) > div > :last-child {
  text-indent: -1em;
  padding: 0 var(--inner-padding) 0 calc(1em + var(--inner-padding));
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h1:not(.esc) > div::after {
  content: "";
  display: block;
  background: white;
  height: 0.11em;
  margin-top: -0.22em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h2:not(.esc) {
  color: var(--color-h2);
  font-size: 3em;
  margin-bottom: 0.25em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h2:not(.esc):not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h3:not(.esc) {
  color: var(--color-h3);
  font-size: 2em;
  margin-bottom: 0.25em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h3:not(.esc):not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h4:not(.esc) {
  color: var(--color-h4);
  font-size: 1.5em;
  margin-bottom: 0.25em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h4:not(.esc):not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h5:not(.esc) {
  color: var(--color-h5);
  font-size: 1.25em;
  margin-bottom: 0.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h5:not(.esc):not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h6:not(.esc) {
  color: var(--color-h6);
  font-family: var(--font-h6);
  font-size: 1.125em;
  text-transform: none;
  margin-bottom: 0.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h6:not(.esc):not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent figcaption:not(.esc) {
  color: var(--color-figcaption);
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 0.35em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent blockquote {
  color: var(--color-text-highlighted);
  font-size: inherit;
  font-style: italic;
  border: 2px solid var(--color-layout);
  border-width: 2px 0;
  padding: 1em 0 !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent blockquote * {
  color: currentColor;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside {
  background: var(--gradient-aside-border);
  color: var(--color-aside-text);
  font-family: var(--font-body);
  font-size: clamp(12px, 1.3333333333vw + (5.6px), 16px);
  border: none;
  padding: 5px;
  box-shadow: var(--box-shadow-aside);
  --font-body: var(--font-sidebar-body);
  --font-heading: var(--font-sidebar-heading);
  --color-text: var(--color-aside-text);
  --color-text-heavy: var(--color-aside-text);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside:not(:first-child) {
  margin-top: 2em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside:not(:last-child) {
  margin-bottom: 2em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside a[name]:nth-child(2) + :is(h2, h3, h4, h5) {
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside :is(h2, h3, h4, h5):not(.esc) {
  text-align: center;
  color: var(--color-aside-text);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside :is(h3, h4):not(.esc) {
  margin-bottom: 0.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside :is(h2, h3, h4, h5, p, ol, ul) {
  filter: drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 2px black);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside h5 {
  --font-heading: var(--font-sidebar-body);
  font-size: 1.05em !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside h5:not(.esc):not(:first-child) {
  margin-top: 1.25em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside :is(th, td) {
  font-size: 0.875em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside table:not(:first-child) {
  margin-top: 1em !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside th {
  background: var(--color-aside-th-background);
  color: var(--color-aside-text);
  font-weight: 400;
  text-transform: none;
  padding: 0.45em 0.5em 0.25em !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside th > span, .content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside tr:nth-child(even) td > span {
  filter: drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside tr:nth-child(odd) td {
  background: var(--color-aside-odd-background);
  color: var(--color-aside-odd-text);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside tr:nth-child(even) td {
  background: var(--color-aside-even-background);
  color: var(--color-aside-even-text);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside > div {
  position: relative;
  z-index: 1;
  padding: 1.5em 1em;
  overflow: hidden;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside > div::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  background-color: var(--color-aside-background);
  background-image: var(--image-aside-background);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 600px;
  transform: scale(1.25, 1.25);
  filter: brightness(0.4);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent img[alt=skull] {
  vertical-align: baseline;
  height: 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme] + * {
  --color-subheadings: var(--primary);
  --color-primary-background: var(--primary);
  --color-dropcap: var(--primary);
  --color-text-highlighted: var(--primary);
  --color-aside-background: var(--primary);
  --color-h2: var(--color-subheadings);
  --color-h3: var(--color-subheadings);
  --color-h4: var(--color-subheadings);
  --color-h5: var(--color-subheadings);
  --color-h6: var(--color-subheadings);
  --color-figcaption: var(--color-subheadings);
  --color-layout: var(--color-primary-background);
  --color-aside-th-background: var(--color-primary-background);
  --color-aside-even-background: var(--color-primary-background);
  --color-table-header-background: var(--color-primary-background);
  --color-pantheon-box-header-background: var(--color-primary-background);
  --color-featured-header-background: var(--color-primary-background);
  --color-character-box-background-outer: var(--color-primary-background);
  --color-faq-header-background: var(--color-primary-background);
  --color-bullet-boxes-background: var(--color-secondary-background);
  --color-dot-boxes-background: var(--color-secondary-background);
  --color-pantheon-box-callings-background: var(--color-secondary-background);
  --color-faq-background: var(--color-secondary-background);
  --gradient-aside-border: var(--gradient);
  --gradient-image-border: var(--gradient);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-aesir] + * {
  --primary: #3982a8;
  --gradient: linear-gradient(90deg, rgba(48,109,150,1) 0%, rgba(253,253,254,1) 50%, rgba(48,109,150,1) 100%);
  --image-aside-background: url("https://s3.amazonaws.com/files.d20.io/images/250082665/aeYv1kmBAIiQ6oQNVkGCnQ/max.jpg?1634067639");
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-aesir] + * aside > div::before {
  transform: unset;
  filter: brightness(0.63);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-deva] + * {
  --primary: #896f26;
  --gradient: linear-gradient(90deg, rgba(136,110,38,1) 0%, rgba(6,5,5,1) 25%, rgba(230,191,75,1) 48%, rgba(230,191,75,1) 52%, rgba(6,5,5,1) 75%, rgba(136,110,38,1) 100%);
  --image-aside-background: url("https://s3.amazonaws.com/files.d20.io/images/250082674/8kNPXoOT3CruPBG9vnFzRw/max.jpg?1634067640");
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-deva] + * aside > div::before {
  transform: unset;
  filter: brightness(0.35);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-kami] + * {
  --primary: #8a3b28;
  --gradient: linear-gradient(0deg, rgba(116, 20, 12, 1) 0%, rgba(195, 145, 126, 1) 50%, rgba(116, 20, 12, 1) 100%);
  --image-aside-background: url("https://s3.amazonaws.com/files.d20.io/images/250048510/Kfl74wvk-omZ_hJoh1czkA/max.jpg?1634051758");
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-kami] + * aside > div::before {
  filter: brightness(0.35);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-manitou] + * {
  --primary: #4e4438;
  --gradient: linear-gradient(180deg, rgba(80,69,56,1) 0%, rgba(222,199,121,1) 48%, rgba(222,199,121,1) 52%, rgba(80,69,56,1) 100%);
  --image-aside-background: url("https://s3.amazonaws.com/files.d20.io/images/250082670/Ci6X31PTfvHTpLbWC4sGiQ/max.jpg?1634067640");
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-manitou] + * aside > div::before {
  transform: unset;
  filter: brightness(0.48);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-netjer] + * {
  --primary: #4164a2;
  --gradient: linear-gradient(180deg, rgba(35,33,83,1) 0%, rgba(253,252,253,1) 50%, rgba(35,33,83,1) 100%);
  --image-aside-background: url("https://s3.amazonaws.com/files.d20.io/images/250082668/BHYXbxh16Z9P4nwzLraZDA/max.jpg?1634067639");
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-netjer] + * aside > div::before {
  transform: unset;
  filter: brightness(0.5);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-orisha] + * {
  --primary: #74140c;
  --gradient: linear-gradient(180deg, rgba(116,20,12,1) 0%, rgba(202,160,142,1) 48%, rgba(202,160,142,1) 52%, rgba(116,20,12,1) 100%);
  --color-secondary-background: #e6d6cd;
  --image-aside-background: url("https://s3.amazonaws.com/files.d20.io/images/250082664/W7n5hKydsa9r3wsW77jZjg/max.jpg?1634067639");
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-orisha] + * aside > div::before {
  transform: unset;
  filter: brightness(0.75);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-shen] + * {
  --primary: #000;
  --gradient: linear-gradient(180deg, rgba(0,2,3,1) 0%, rgba(250,248,250,1) 48%, rgba(250,248,250,1) 52%, rgba(0,2,3,1) 100%);
  --color-secondary-background: #cbcbcc;
  --image-aside-background: url("https://s3.amazonaws.com/files.d20.io/images/250082672/HbGTAuWKT5nidbdymAJ9AQ/max.jpg?1634067640");
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-shen] + * aside > div::before {
  transform: unset;
  filter: brightness(0.7);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-teotl] + * {
  --primary: #307069;
  --gradient: linear-gradient(180deg, rgba(48,112,105,1) 0%, rgba(207,223,221,1) 48%, rgba(207,223,221,1) 52%, rgba(48,112,105,1) 100%);
  --image-aside-background: url("https://s3.amazonaws.com/files.d20.io/images/250082663/nc2nq73ZuQiv29jlppGRhw/max.jpg?1634067639");
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-teotl] + * aside > div::before {
  transform: unset;
  filter: brightness(0.5);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-theoi] + * {
  --primary: #612967;
  --gradient: linear-gradient(180deg, rgba(97,41,103,1) 0%, rgba(252,251,252,1) 48%, rgba(252,251,252,1) 52%, rgba(97,41,103,1) 100%);
  --color-secondary-background: #e0dae1;
  --image-aside-background: url("https://s3.amazonaws.com/files.d20.io/images/250083838/Lv5cddgVfoPW6PYFdMQ2eA/max.jpg?1634068180");
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-theoi] + * aside > div::before {
  transform: unset;
  filter: brightness(1);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-tuatha] + * {
  --primary: #406a39;
  --gradient: linear-gradient(180deg, rgba(64,106,57,1) 0%, rgba(204,211,197,1) 48%, rgba(204,211,197,1) 52%, rgba(64,106,57,1) 100%);
  --color-secondary-background: #e1e4dc;
  --image-aside-background: url("https://s3.amazonaws.com/files.d20.io/images/250082675/3T36Jqo--3AZOznXdWDaUg/max.jpg?1634067641");
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-scheme-tuatha] + * aside > div::before {
  transform: unset;
  filter: brightness(0.45);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-pantheon-box] + * > *:not([name]) {
  display: block;
  padding: 0.4em 0.75em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-pantheon-box] + * > :is(h3, h4, h5):first-of-type {
  background: var(--color-pantheon-box-header-background);
  color: white;
  font-family: var(--font-pantheon-box-headings);
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-pantheon-box] + * > :is(h3, h4, h5):first-of-type + * {
  background: var(--color-pantheon-box-callings-background);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-pantheon-box] + * strong:first-child {
  font-family: var(--font-pantheon-box-headings);
  font-size: 0.9em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-pantheon-box] + *:not(:first-child) {
  margin-top: 1.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-pantheon-box] + *:not(:last-child) {
  margin-bottom: 1.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span:is([title*="scion-featured-box"], [title*="scion-adversary-box"]) + * > :is(h3, h4, h5):first-of-type {
  background: var(--color-featured-header-background);
  color: white;
  font-family: var(--font-featured-headings);
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1.5;
  padding: 0.2em 1em;
  margin: 0;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span:is([title*="scion-featured-box"], [title*="scion-adversary-box"]) + * > :is(h3, h4, h5):first-of-type img[alt=skull] {
  margin-right: 4px;
  height: 0.9em;
  filter: invert(1);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span:is([title*="scion-featured-box"], [title*="scion-adversary-box"]) + * > :not(:is(h3, h4, h5, ul, ol)):not(a[name]) {
  padding: 0 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span:is([title*="scion-featured-box"], [title*="scion-adversary-box"]) + * > :is(ul, ol) {
  padding: 0 2em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span:is([title*="scion-featured-box"], [title*="scion-adversary-box"]) + *:not(:first-child) {
  margin-top: 1.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span:is([title*="scion-featured-box"], [title*="scion-adversary-box"]) + *:not(:last-child) {
  margin-bottom: 1.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span:is([title*="scion-featured-box"], [title*="scion-adversary-box"]) + * > p:first-of-type {
  margin-top: 0.75em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span:is([title*="scion-featured-box"], [title*="scion-adversary-box"]) + * dl {
  margin: 0.5em 0;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span:is([title*="scion-featured-box"], [title*="scion-adversary-box"]) + * blockquote {
  margin: 0 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span:is([title*="scion-featured-box"], [title*="scion-adversary-box"]) + * blockquote:not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span:is([title*="scion-featured-box"], [title*="scion-adversary-box"]) + * blockquote:not(:last-child) {
  margin-bottom: 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-featured-box] + * > :not(:first-child) {
  font-family: var(--font-featured-body);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-character-box] + * {
  --chamfer: .6em;
  background: var(--color-character-box-background-outer);
  clip-path: polygon(0% var(--chamfer), var(--chamfer) 0%, calc(100% - var(--chamfer)) 0%, 100% var(--chamfer), 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, var(--chamfer) 100%, 0% calc(100% - var(--chamfer)));
  padding: 5px;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-character-box] + * :is(h3, h4, h5, p) {
  font-family: var(--font-character-box);
  font-size: 0.875em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-character-box] + *:not(:first-child) {
  margin-top: 1.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-character-box] + *:not(:last-child) {
  margin-bottom: 1.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-character-box] + * :is(h3, h4, h5) {
  font-weight: 700;
  text-transform: none;
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-character-box] + * :is(h3, h4, h5):not(:last-child) {
  margin-bottom: 0.75em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-character-box] + * > div {
  --chamfer: .45em;
  background: var(--color-character-box-background-inner);
  clip-path: polygon(0% var(--chamfer), var(--chamfer) 0%, calc(100% - var(--chamfer)) 0%, 100% var(--chamfer), 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, var(--chamfer) 100%, 0% calc(100% - var(--chamfer)));
  padding: 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-pantheon-blockquote] + blockquote {
  font-weight: 700;
  text-align: center;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-pantheon-blockquote] + blockquote p:not(:last-child) {
  margin-bottom: 0.35em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-gradient-border] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-gradient-border] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  background: var(--gradient-image-border);
  padding: 5px;
  box-shadow: var(--box-shadow-container);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-gradient-border] + *:not(:first-child),
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-gradient-border] + a[name] + a[name] + :is(h1, h2, h3, h4, h5):not(:first-child) {
  margin-top: 1.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-gradient-border] + *:not(:last-child),
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-gradient-border] + a[name] + a[name] + :is(h1, h2, h3, h4, h5):not(:last-child) {
  margin-bottom: 1.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-gradient-border] + * img,
.content-text[data-bookid=Scion2e]:is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-gradient-border] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) img {
  display: block;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="12523"]) #pagecontent {
  --color-primary-background: #4e4438;
  --color-h2: #675d51;
  --color-h6: #4f4438;
  --color-figcaption: #4f4438;
  --color-table-row-odd: #edebe9;
  --color-table-row-even: #cbc7c2;
  --color-text-highlighted: #4e4438;
  --color-toc-h3: #4e4438;
  --color-toc-strong: #4e4438;
  --color-text-dt-strong: #4e4438;
  --image-aside-background: url("https://s3.amazonaws.com/files.d20.io/images/250049523/hH5Ktg6_BHspOdOgIJ8Xtg/max.jpg?1634052377");
}

/* GeneFunk 2090 */
html[data-theme=dark] .content-text[data-bookid=genefunk2090] #pagecontent {
  --col-text_main: #fff;
  --gray: #40395c;
  --col-yellow: var(--color-yellow2);
}

html[data-theme=dark] .content-text[data-bookid=genefunk2090] #pagecontent h1 {
  color: var(--col-tone);
}

html[data-theme=dark] .content-text[data-bookid=genefunk2090] #pagecontent h1::before {
  background: var(--col-purple);
}

html[data-theme=dark] .content-text[data-bookid=genefunk2090] #pagecontent h2 {
  color: var(--col-lt-purple);
}

html[data-theme=dark] .content-text[data-bookid=genefunk2090] #pagecontent h2::before {
  background: var(--col-purple);
}

html[data-theme=dark] .content-text[data-bookid=genefunk2090] #pagecontent h3 {
  color: var(--col-lt-purple);
}

html[data-theme=dark] .content-text[data-bookid=genefunk2090] #pagecontent table {
  background: var(--col-lt-purple) !important;
}

.content-text[data-bookid=genefunk2090] #pagecontent {
  --font-main: "Titillium Web", sans-serif;
  --font-header: "Russo One", sans-serif;
  --font-accent: "Press Start 2P", cursive;
  --font-serif: "Kadwa", serif;
  --col-text_main: rgb(0, 0, 0);
  --col-tone: #c4b8d5;
  --col-gray: #dad9de;
  --col-purple: #3a3579;
  --col-lt-purple: #806fa6;
  --col-yellow: #f7ebc8;
  --col-red: #be3346;
  --math-indent: 1rem;
  --math-clip-electric: polygon(var(--math-indent) 0, calc(100% - (2 * var(--math-indent))) 0, 100% calc(2 * var(--math-indent)), 100% 50%, calc(100% - var(--math-indent)) calc(50% + var(--math-indent)), calc(100% - var(--math-indent)) calc(100% - (3* var(--math-indent))), 100% calc(100% - (2 * var(--math-indent))), 100% 100%, calc(2 * var(--math-indent)) 100%, var(--math-indent) calc(100% - var(--math-indent)), var(--math-indent) 40%, 0% calc(40% - var(--math-indent)), 0% calc(10% + var(--math-indent)), var(--math-indent) 10%);
}

.content-text[data-bookid=genefunk2090] #pagecontent :is(h1, h2, h3, h4, h5, h6, figcaption):not(.esc) a {
  color: currentColor !important;
  border-bottom: none !important;
}

.content-text[data-bookid=genefunk2090] #pagecontent :is(h3, h4) {
  margin: 1rem 0 0 0;
}

.content-text[data-bookid=genefunk2090] #pagecontent h1 {
  font-family: var(--font-accent);
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transform: scale(1, 1.5);
  transform: scale(1, 1.5);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: black;
  position: relative;
  margin: 0 0 2rem 0;
  z-index: 1;
}

.content-text[data-bookid=genefunk2090] #pagecontent h1::before {
  content: "";
  position: absolute;
  width: calc(100% + 2rem);
  left: -1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
  border-radius: 20px;
  height: 1rem;
  background: var(--col-tone);
}

.content-text[data-bookid=genefunk2090] #pagecontent h2 {
  font-family: var(--font-accent);
  font-size: 20px;
  text-transform: uppercase;
  color: var(--col-purple);
  text-align: right;
  position: relative;
  padding-right: 1rem;
  margin: 1rem 0 0 0;
  z-index: 1;
}

.content-text[data-bookid=genefunk2090] #pagecontent h2::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 50%;
  z-index: -1;
  border-bottom: 2px solid var(--col-purple);
  border-radius: 20px 0 0 0;
  background: var(--col-tone);
  overflow: hidden;
}

.content-text[data-bookid=genefunk2090] #pagecontent h3 {
  font-family: var(--font-header);
  font-size: 18px;
  color: var(--col-purple);
  -webkit-transform: scale(1, 1.5);
  transform: scale(1, 1.5);
}

.content-text[data-bookid=genefunk2090] #pagecontent h4 {
  font-family: var(--font-serif);
  font-size: 16px;
  font-weight: bold;
  color: var(--col-text_main);
}

.content-text[data-bookid=genefunk2090] #pagecontent p,
.content-text[data-bookid=genefunk2090] #pagecontent li {
  font-family: var(--font-main);
  font-size: 14px;
  color: var(--col-text_main);
  margin: 0;
  text-indent: 1rem;
  line-height: 1.4em;
}

.content-text[data-bookid=genefunk2090] #pagecontent ul,
.content-text[data-bookid=genefunk2090] #pagecontent ol {
  padding-left: 1rem;
  margin: 1rem 0;
}

.content-text[data-bookid=genefunk2090] #pagecontent ul li,
.content-text[data-bookid=genefunk2090] #pagecontent ol li {
  text-indent: 0;
}

.content-text[data-bookid=genefunk2090] #pagecontent a,
.content-text[data-bookid=genefunk2090] #pagecontent a:visited {
  color: currentColor;
  border-bottom: 1px dotted var(--col-purple);
}

.content-text[data-bookid=genefunk2090] #pagecontent a:hover,
.content-text[data-bookid=genefunk2090] #pagecontent a:visited:hover {
  color: var(--col-red);
  font-weight: bold;
  text-decoration: none;
  border-color: var(--col-red);
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title] {
  position: absolute;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=table]+table {
  margin: 1rem 0;
  font-family: var(--font-main);
  color: black;
  font-size: 14px !important;
  width: 100%;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=table]+table th {
  border-bottom: 2px solid var(--col-purple);
  vertical-align: bottom;
  line-height: 1;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=table]+table tbody tr:nth-child(odd) {
  background: var(--col-tone);
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=table]+table td {
  border: none;
  padding: 2px !important;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=center-table]+table th {
  text-align: center;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=center-table]+table td {
  text-align: center;
  font-weight: normal;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=roll-table]+table th:where(:first-child) {
  text-align: center;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=roll-table]+table td:where(:first-child) {
  text-align: center;
  font-weight: bold;
}

.content-text[data-bookid=genefunk2090] #pagecontent :is(h1, h2, h3, h4)+p,
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=no-indent] {
  text-indent: 0;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=dropcap]+p {
  text-indent: 0;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=dropcap]+p::first-line {
  font-weight: bold;
  color: var(--col-red);
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=dropcap]+p::first-letter {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.12em;
  font-family: var(--font-serif);
  font-size: 5em;
  line-height: 0.68em;
  vertical-align: top;
  float: left;
  font-weight: normal;
  color: var(--col-red);
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=no-margin]+* {
  margin: 0 !important;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=no-indent]+p {
  text-indent: 0;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=indent]+p {
  text-indent: 1rem;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=hang-indent]+p {
  text-indent: -1rem;
  padding-left: 1rem;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=columns]+div {
  display: -ms-grid;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(250px, auto));
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=columns_flow]+div {
  -webkit-columns: 250px auto;
  -moz-columns: 250px auto;
  columns: 250px auto;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-gray]+div {
  --col-tone: white;
  -webkit-clip-path: var(--math-clip-electric);
  clip-path: var(--math-clip-electric);
  background: var(--col-gray);
  padding: 1rem 2rem;
  margin: 1rem 0;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-gray]+div h4 {
  text-align: center;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-gray]+div>* {
  margin-top: 0;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-yellow]+div {
  --col-tone: white;
  -webkit-clip-path: var(--math-clip-electric);
  clip-path: var(--math-clip-electric);
  background: var(--col-yellow);
  padding: 1rem 2rem;
  margin: 1rem 0;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-yellow]+div h4 {
  text-align: center;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-yellow]+div>* {
  margin-top: 0;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-dark]+div {
  position: relative;
  padding: 1rem 2rem;
  margin: 1rem 0;
  -webkit-filter: drop-shadow(2px 6px 0.5rem var(--col-purple)) drop-shadow(2px 6px 1rem var(--col-tone));
  filter: drop-shadow(2px 6px 0.5rem var(--col-purple)) drop-shadow(2px 6px 1rem var(--col-tone));
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-dark]+div h4 {
  color: white;
  text-align: left;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-dark]+div>* {
  margin-top: 0;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=breakout-dark]+div::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  -webkit-clip-path: var(--math-clip-electric);
  clip-path: var(--math-clip-electric);
  background: var(--col-lt-purple);
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=float-left]+* {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 50%;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=float-right]+* {
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 50%;
}

.content-text[data-bookid=genefunk2090] #pagecontent span[title~=clear] {
  position: static;
  display: block;
  clear: both;
}

.content-text[data-bookid=genefunk2090] #pagecontent pre {
  background: #282c34;
  color: #abb2bf;
  padding: 0.5em;
}

.content-text[data-bookid=genefunk2090] #pagecontent span.tag {
  color: #66ccff;
}

.content-text[data-bookid=genefunk2090] #pagecontent span.comment {
  color: #73faa0;
}

.content-text[data-bookid=genefunk2090] #pagecontent span.class {
  color: #ff6600;
}

.content-text[data-bookid=genefunk2090] #pagecontent code {
  white-space: pre-wrap;
}

/* DARK MODE SPECIFIC CSS 

/* Search bar */
html[data-theme=dark] input.define-search-input {
  border-color: #fff !important;
}

html[data-theme=dark] input.define-search-input::placeholder {
  color: #fff;
  opacity: 1;
}

/* Pathfinder */
html[data-theme=dark] .content-text[data-bookid=pathfinder] .booktemplate .header {
  background-color: #747474;
}

html[data-theme=dark] .content-text[data-bookid=pathfinder] .booktemplate .header-li {
  border-color: var(--color-grayscale2);
}

html[data-theme=dark] .content-text[data-bookid=pathfinder] .booktemplate .body,
html[data-theme=dark] .content-text[data-bookid=pathfinder] .booktemplate h3
 {
  color: #fff;
}

html[data-theme=dark] .content-text[data-bookid=pathfinder] .booktemplate.expansion8 .header {
  background-color: #003a25;
}

/* Pathfinder 2 */
html[data-theme=dark] .content-text[data-bookid=pf2] .booktemplate .head-row h2 {
  color: #EF5353;
}

html[data-theme=dark] .content-text[data-bookid=pf2] .booktemplate ul span.action-icon-1,
html[data-theme=dark] .content-text[data-bookid=pf2] .booktemplate ul span.action-icon-2,
html[data-theme=dark] .content-text[data-bookid=pf2] .booktemplate ul span.action-icon-3 {
  background-color: #fff;
}

/* Call of Cthulhu */
html[data-theme=dark] .content-text[data-bookid=coc] .booktemplate {
  color: var(--color-grayscale3);
}

/* Warhammer Fantasy */
html[data-theme=dark] .content-text[data-bookid=WFRP] table {
  color: var(--color-grayscale3);
}

html[data-theme=dark] .content-text[data-bookid=WFRP] h1::after,
html[data-theme=dark] .content-text[data-bookid=WFRP] h2::after,
html[data-theme=dark] .content-text[data-bookid=WFRP] h3::after {
  -webkit-filter: invert();
  filter: invert(); /* Inverts the black header dividers to white*/
}

html[data-theme=dark] .content-text[data-bookid=WFRP] div#pagecontent h3 > img {
  filter: invert();
}

/* Esper Genesis */
html[data-theme=dark] .content-text[data-bookid=espergenesis] div[data-pageid="36784"] .header {
  background-color: #926722;
}

html[data-theme=dark] .content-text[data-bookid=espergenesis] div[data-pageid="36784"] .booktemplate {
  color: #fff;
}