/* --- 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');
@import url("https://fonts.googleapis.com/css?family=Homenaje|Monda|Orbitron|Michroma|Viga|Material+Icons|Material+Symbols+Outlined|Wallpoet|Saira+Extra+Condensed&display=swap");
@import url("https://fonts.googleapis.com/css?family=Homenaje|Play|Material+Symbols+Outlined|Wallpoet|Saira+Extra+Condensed&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Amarante&family=Amatic+SC:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aladin&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aladin&family=Pirata+One&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;
}

/* Earthdawn 4th Edition */
.content-text[data-bookid="earthdawn"] h1,
.content-text[data-bookid="earthdawn"] h2,
.content-text[data-bookid="earthdawn"] h3,
.content-text[data-bookid="earthdawn"] h4,
.content-text[data-bookid="earthdawn"] h5 {
    font-family: 'Aladin', 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;
}

/* Dračí Hlídka */
.content-text[data-expansionid="1064"] h1,
.content-text[data-expansionid="1064"] h2,
.content-text[data-expansionid="1064"] h3,
.content-text[data-expansionid="1064"] h4,
.content-text[data-expansionid="1064"] h5,
.content-text[data-expansionid="1064"] h6 {
  font-family: 'Pirata One', 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;
  --img-eye: url(../../../../assets/BR_eye.tif);
  --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;
  text-decoration: none !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~=toc] + div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div h1 {
  width: 100%;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div h4 {
  margin-top: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div h4::after {
  content: "";
  position: relative;
  bottom: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 5px;
  border-bottom: 2px dotted var(--col-lt-purple) !important;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div a {
  position: relative;
  line-height: 1;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div a::after {
  position: absolute;
  content: "";
  inset: 0;
  left: -2rem;
  right: -5px;
  width: 0;
  background: var(--col-yellow);
  z-index: -1;
  -webkit-transition: all 600ms ease-in;
  transition: all 600ms ease-in;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div a:hover {
  width: 0;
  color: var(--col-purple) !important;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div a:hover::after {
  width: calc(100% + 2rem + 5px);
  -webkit-transition: width 100ms ease-out;
  transition: width 100ms ease-out;
}
.content-text[data-bookid=genefunk2090] #pagecontent span[title~=toc] + div ul a {
  font-weight: normal;
}
.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;
}

/* Alien RPG */
.content-text[data-bookid="Alien RPG"] #pagecontent {
  --font-main: "Play", sans-serif;
  --font-main: "Monda", sans-serif;
  --font-title: "Michroma", sans-serif;
  --font-header: "Viga";
  --font-icon: "Material Symbols Outlined";
  --font-filled: "Material Icons";
  --font-console: "Orbitron", sans-serif;
  --col-accent: #075249;
  --col-bright: #2dbdaf;
  --col-deep: #0a2423;
  --col-tone: #bbd3cd;
  --col-contrast: #075249;
  --col-glow: rgba(71, 204, 221, 0.2);
  --col-text: black;
  --col-text-alt: white;
  --img-campaign: url(https://s3.amazonaws.com/files.d20.io/images/307075724/9KQ8WrBCn15bY66CowhIIA/max.png?1664581767);
  --img-cinematic: url(https://s3.amazonaws.com/files.d20.io/images/307075723/_UOm9SY2E8Hpv7diHXssBw/max.png?1664581767);
  --img-hugger: url(https://s3.amazonaws.com/files.d20.io/images/309836994/nbviycQ0nKETs4KcwM3Zvw/med.png?1666047442);
  --img-success: url(https://s3.amazonaws.com/files.d20.io/images/309836940/6V-PW4qq8PmoJKks9eAh1Q/med.png?1666047423);
  --math-border: 2px;
  --math-break-clip: polygon(
      0 0,
      100% 0,
      100% 2rem, calc(100% - var(--math-border)) 2rem,
      calc(100% - var(--math-border)) calc(100% - 2rem),
      100% calc(100% - 2rem),
      100% 100%,
      0 100%,
      0 calc(100% - 2rem),
      var(--math-border) calc(100% - 2rem),
      var(--math-border) 2rem,
      0 2rem);
  --math-box-clip: polygon(
      2rem 0,
      calc(60% - 2rem) 0%,
      calc(60%) 2rem,
      calc(100% - 2rem) 2rem,
      100% 4rem,
      100% calc(100% - 4rem),
      calc(100% - 4rem) 100%,
      calc(50% + 10px) 100%,
      50% calc(100% - 10px),
      2rem calc(100% - 1rem),
      0% calc(100% - 3rem),
      0 2rem);
  --math-box-clip: polygon(
      2rem 0,
      calc(100% - 2rem) 0,
      100% 2rem,
      100% calc(100% - 4rem),
      calc(100% - 4rem) 100%,
      calc(50% + 10px) 100%,
      50% calc(100% - 10px),
      2rem calc(100% - 1rem),
      0% calc(100% - 3rem),
      0 2rem);
  position: relative;
  gap: 2rem;
  -webkit-columns: 300px 2;
     -moz-columns: 300px 2;
          columns: 300px 2;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
  margin: -1rem;
  padding: 2rem;
  overflow: hidden;
  font-size: 16px;
}
.content-text[data-bookid="Alien RPG"] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-bookid="Alien RPG"] #pagecontent ::-webkit-scrollbar-track {
  background: var(--col-text);
}
.content-text[data-bookid="Alien RPG"] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-accent);
}
.content-text[data-bookid="Alien RPG"] #pagecontent *::-moz-selection {
  color: var(--col-deep);
  background-color: var(--col-bright);
}
.content-text[data-bookid="Alien RPG"] #pagecontent *::selection {
  color: var(--col-deep);
  background-color: var(--col-bright);
}
.content-text[data-bookid="Alien RPG"] #pagecontent pre {
  margin: 0;
  margin-bottom: 2rem;
}
.content-text[data-bookid="Alien RPG"] #pagecontent pre#glossary, .content-text[data-bookid="Alien RPG"] #pagecontent > h1 {
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-bookid="Alien RPG"] #pagecontent h1, .content-text[data-bookid="Alien RPG"] #pagecontent h2 {
  color: var(--col-accent);
  text-transform: uppercase;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.content-text[data-bookid="Alien RPG"] #pagecontent h1 {
  position: relative;
  width: 70%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: var(--font-header);
  font-size: 3em;
  text-align: center;
  margin: 1rem 0;
  line-height: 1;
}
.content-text[data-bookid="Alien RPG"] #pagecontent h2 {
  font-family: var(--font-title);
  margin: 0;
  line-height: 1.5;
  font-size: 1.5em;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-bookid="Alien RPG"] #pagecontent h3 {
  position: relative;
  padding: 1rem 10%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, var(--col-tone)), color-stop(80%, var(--col-tone)), to(transparent));
  background: linear-gradient(to right, transparent, var(--col-tone) 20%, var(--col-tone) 80%, transparent);
  font-family: var(--font-main);
  font-size: 1em;
  font-weight: normal;
  color: var(--col-contrast);
  text-align: center;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
@media (max-width: 702px) {
  .content-text[data-bookid="Alien RPG"] #pagecontent h3 {
    padding: 1rem;
  }
}
.content-text[data-bookid="Alien RPG"] #pagecontent p {
  margin-bottom: 1em;
  font-family: var(--font-main);
  color: var(--col-text);
}
.content-text[data-bookid="Alien RPG"] #pagecontent p:not(:first-of-type) {
  text-indent: 2rem;
}
.content-text[data-bookid="Alien RPG"] #pagecontent p:has(strong) {
  text-indent: 0;
}
.content-text[data-bookid="Alien RPG"] #pagecontent p:nth-last-child(1)::after {
  content: "square";
  font-family: var(--font-filled);
  color: var(--col-accent);
  display: inline-block;
  vertical-align: bottom;
  text-indent: 0;
}
.content-text[data-bookid="Alien RPG"] #pagecontent blockquote {
  color: var(--col-contrast);
  font-family: var(--font-main);
  text-align: left;
  font-style: italic;
  border: none;
}
.content-text[data-bookid="Alien RPG"] #pagecontent blockquote::after {
  content: "— " attr(cite);
  font-family: var(--font-header);
  color: var(--col-contrast);
  display: block;
  font-size: 0.8em;
  font-style: normal;
  text-align: right;
  text-transform: uppercase;
  text-indent: 0;
}
.content-text[data-bookid="Alien RPG"] #pagecontent ul, .content-text[data-bookid="Alien RPG"] #pagecontent ol {
  font-family: var(--font-main);
  list-style-position: inside;
  padding-left: 2rem;
  margin: 1rem 0;
}
.content-text[data-bookid="Alien RPG"] #pagecontent ul li, .content-text[data-bookid="Alien RPG"] #pagecontent ol li {
  counter-increment: li;
  line-height: 1.5;
  margin-bottom: 0;
  position: relative;
  text-indent: 0;
}
.content-text[data-bookid="Alien RPG"] #pagecontent ul li::marker, .content-text[data-bookid="Alien RPG"] #pagecontent ol li::marker {
  content: "";
}
.content-text[data-bookid="Alien RPG"] #pagecontent ul li::before, .content-text[data-bookid="Alien RPG"] #pagecontent ol li::before {
  content: "play_arrow";
  font-family: var(--font-icon);
  color: var(--col-deep);
  position: absolute;
  top: 0%;
  left: -26px;
}
.content-text[data-bookid="Alien RPG"] #pagecontent ul ul li::before, .content-text[data-bookid="Alien RPG"] #pagecontent ol ul li::before {
  content: "chevron_right";
  color: var(--col-deep);
}
.content-text[data-bookid="Alien RPG"] #pagecontent ol li::before {
  content: counter(li) ".";
  font-family: var(--font-main);
  color: var(--col-accent);
}
.content-text[data-bookid="Alien RPG"] #pagecontent strong {
  font-weight: bold;
  text-transform: uppercase;
  color: var(--col-accent);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title] {
  position: absolute;
}
.content-text[data-bookid="Alien RPG"] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=font__orbitron] + * {
  font-family: var(--font-console) !important;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=box] + div {
  position: relative;
  padding: 2rem;
  margin-bottom: 2rem;
  -webkit-filter: drop-shadow(2px 0px 0 white) drop-shadow(-2px 0px 0 white) drop-shadow(0px 3px 0 white) drop-shadow(0px -3px 0 white) drop-shadow(2px 4px 6px var(--col-glow)) drop-shadow(2px 4px 12px var(--col-glow)) drop-shadow(2px 4px 24px var(--col-glow));
          filter: drop-shadow(2px 0px 0 white) drop-shadow(-2px 0px 0 white) drop-shadow(0px 3px 0 white) drop-shadow(0px -3px 0 white) drop-shadow(2px 4px 6px var(--col-glow)) drop-shadow(2px 4px 12px var(--col-glow)) drop-shadow(2px 4px 24px var(--col-glow));
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=box] + div::after {
  -webkit-clip-path: var(--math-box-clip);
          clip-path: var(--math-box-clip);
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border: 2px solid var(--col-gold);
  background: var(--col-tone);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=box] + div img {
  display: block;
  margin: 0 auto;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=box] + div, .content-text[data-bookid="Alien RPG"] #pagecontent span[title~=breakout] + div {
  overflow-x: auto;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=background] + img {
  position: fixed;
  inset: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=background] + img ~ h1 {
  color: var(--col-tone);
  text-shadow: 0 0 4px black, -1px -1px 0px red, 1px 1px 0px cyan;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=_left] + img {
  -o-object-position: left;
     object-position: left;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=_right] + img {
  -o-object-position: right;
     object-position: right;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=padding-5] + * {
  padding: 5px;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=padding-10] + * {
  padding: 10px;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=padding-15] + * {
  padding: 15px;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=no-indent] + * {
  text-indent: 0;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=no-margin] + * {
  margin: 0 !important;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=indent] + p {
  text-indent: 2rem;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=col-span] + * {
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=col-single] + * * {
  -webkit-columns: none;
     -moz-columns: none;
          columns: none;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=breakout] + div, .content-text[data-bookid="Alien RPG"] #pagecontent span[title*=log] + div {
  margin-bottom: 2rem;
  background: transparent;
  position: relative;
  color: var(--col-contrast);
  -webkit-clip-path: var(--math-break-clip);
          clip-path: var(--math-break-clip);
  border: 2px solid var(--col-contrast);
  padding: 2rem;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=breakout] + div h1, .content-text[data-bookid="Alien RPG"] #pagecontent span[title~=breakout] + div h2, .content-text[data-bookid="Alien RPG"] #pagecontent span[title~=breakout] + div h3, .content-text[data-bookid="Alien RPG"] #pagecontent span[title~=breakout] + div h4, .content-text[data-bookid="Alien RPG"] #pagecontent span[title*=log] + div h1, .content-text[data-bookid="Alien RPG"] #pagecontent span[title*=log] + div h2, .content-text[data-bookid="Alien RPG"] #pagecontent span[title*=log] + div h3, .content-text[data-bookid="Alien RPG"] #pagecontent span[title*=log] + div h4 {
  color: var(--col-contrast);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=breakout] + div P, .content-text[data-bookid="Alien RPG"] #pagecontent span[title*=log] + div P {
  color: var(--col-contrast);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=breakout] + div li, .content-text[data-bookid="Alien RPG"] #pagecontent span[title*=log] + div li {
  color: var(--col-contrast);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=breakout] + div li::before, .content-text[data-bookid="Alien RPG"] #pagecontent span[title*=log] + div li::before {
  color: var(--col-contrast);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=breakout] + div ol li::before, .content-text[data-bookid="Alien RPG"] #pagecontent span[title*=log] + div ol li::before {
  display: -ms-grid;
  display: grid;
  place-content: center;
  content: counter(li);
  background: black;
  -webkit-box-shadow: inset 0 0 0 3px var(--col-glow), inset 0 0 0 6px var(--col-glow);
          box-shadow: inset 0 0 0 3px var(--col-glow), inset 0 0 0 6px var(--col-glow);
  border: 1px solid var(--col-accent);
  font-size: 14px;
  color: var(--col-bright);
  line-height: 1;
  font-family: var(--font-main);
  width: 2rem;
  aspect-ratio: 1;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=breakout] + div strong, .content-text[data-bookid="Alien RPG"] #pagecontent span[title*=log] + div strong {
  color: var(--col-bright);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=breakout] + div img, .content-text[data-bookid="Alien RPG"] #pagecontent span[title*=log] + div img {
  display: block;
  margin: 0 auto;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=log] + div {
  --col-contrast: #bbd3cd;
  border: none;
  color: var(--col-tone);
  padding: 3rem;
  -webkit-clip-path: none;
          clip-path: none;
  -webkit-filter: drop-shadow(2px 0px 0 var(--col-tone)) drop-shadow(-2px 0px 0 var(--col-tone)) drop-shadow(0px 2px 0 var(--col-tone)) drop-shadow(0px -2px 0 var(--col-tone));
          filter: drop-shadow(2px 0px 0 var(--col-tone)) drop-shadow(-2px 0px 0 var(--col-tone)) drop-shadow(0px 2px 0 var(--col-tone)) drop-shadow(0px -2px 0 var(--col-tone));
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=log] + div::before {
  content: "";
  position: absolute;
  background: repeating-linear-gradient(to bottom, var(--col-deep), var(--col-deep) 2px, black 2px, black 4px);
  inset: 0;
  z-index: -1;
  -webkit-clip-path: var(--math-box-clip);
          clip-path: var(--math-box-clip);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=log] + div h2:first-child {
  position: absolute;
  top: 5px;
  font-family: var(--font-console);
  font-size: 12px;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=log] + div h2 {
  color: var(--col-tone);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=log] + div h4 {
  color: var(--col-bright);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=log] + div img {
  display: block;
  margin: 0 auto;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=aside] + * {
  color: var(--col-bright) !important;
  font-size: 0.8em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=breakout] + div span[title~=aside] + * {
  color: var(--col-gold) !important;
}
.content-text[data-bookid="Alien RPG"] #pagecontent table {
  width: 100%;
  border: none;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  color: var(--col-gold);
  font-family: var(--font-main);
  font-size: 0.8em !important;
  overflow-x: auto;
}
.content-text[data-bookid="Alien RPG"] #pagecontent table h2 {
  font-family: var(--font-main);
  font-size: 1.5em;
}
.content-text[data-bookid="Alien RPG"] #pagecontent table th {
  text-transform: uppercase;
  vertical-align: top;
  font-size: 0.8em;
  font-family: var(--font-header);
}
.content-text[data-bookid="Alien RPG"] #pagecontent table tr:not(:last-of-type) {
  border-bottom: 1px solid var(--col-accent);
}
.content-text[data-bookid="Alien RPG"] #pagecontent table tr:nth-of-type(odd) {
  background: var(--col-glow);
}
.content-text[data-bookid="Alien RPG"] #pagecontent table thead > tr {
  background: none !important;
  border-bottom: 2px solid var(--col-tone);
}
.content-text[data-bookid="Alien RPG"] #pagecontent table :where(td, th) {
  border: none;
  padding: 5px;
  line-height: 1;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=table-pairs] + table td:nth-of-type(2) {
  text-align: right;
  color: var(--col-tone);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=table-pairs] + table tr {
  border-color: var(--col-gold);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=col-2] + * {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title*=icon] {
  position: relative;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  vertical-align: top;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=icon-cinematic] {
  position: relative !important;
  float: left;
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
  background: var(--img-cinematic), red;
  background-size: contain;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=icon-campaign] {
  position: relative !important;
  float: left;
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
  background: var(--img-campaign), red;
  background-size: contain;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=icon-success] {
  background: var(--img-success);
  background-size: contain;
  background-repeat: no-repeat;
  mix-blend-mode: difference;
  margin-right: 3px;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=icon-hugger] {
  background: var(--img-hugger);
  background-size: contain;
  background-repeat: no-repeat;
  mix-blend-mode: difference;
  margin-right: 3px;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div {
  --col-dust: rgba(230, 202, 202, 0.1);
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6rem 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  grid-gap: 1rem 6rem;
  background: radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), -webkit-gradient(linear, left top, right top, from(var(--col-glow)), color-stop(black), to(var(--col-glow))), repeating-linear-gradient(to right, transparent, transparent 10px, var(--col-dust) 10px, var(--col-dust) 11px), repeating-linear-gradient(30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), repeating-linear-gradient(-30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), black;
  background: radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), linear-gradient(to right, var(--col-glow), black, var(--col-glow)), repeating-linear-gradient(to right, transparent, transparent 10px, var(--col-dust) 10px, var(--col-dust) 11px), repeating-linear-gradient(30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), repeating-linear-gradient(-30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), black;
  background-blend-mode: screen, screen, overlay, screen, screen, screen, normal;
  background-position: center, center, center, 11 0, center, center, center;
  padding: 2rem;
  padding-bottom: 4rem;
  border: 1px solid var(--col-gold);
  outline: 2px solid var(--col-accent);
  outline-offset: -1rem;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div h2 {
  position: relative;
  grid-column: 1/-1;
  color: var(--col-tone);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 2rem;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2rem;
  width: calc(100% + 2rem);
  height: 1px;
  background: var(--col-accent);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div h3 {
  position: absolute;
  margin: 0;
  left: -1px;
  top: 1px;
  background: var(--col-accent);
  --clip: 20px;
  -webkit-clip-path: polygon(var(--clip) 0, calc(100% - var(--clip)) 0, 100% 100%, 0 100%);
          clip-path: polygon(var(--clip) 0, calc(100% - var(--clip)) 0, 100% 100%, 0 100%);
  padding-left: 3rem;
  font-family: var(--font-console);
  font-size: 0.8em;
  color: var(--col-tone);
  text-align: left;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div::after {
  position: absolute;
  top: 23px;
  bottom: 2.25rem;
  left: 50%;
  content: "";
  border: 1px dashed var(--col-accent);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::before, .content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::after {
  top: 1rem;
  right: -3rem;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::before, .content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::after {
  bottom: 1rem;
  left: -3rem;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::after {
  right: calc(-3rem - 2px);
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::after {
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div > div {
  position: relative;
  background: repeating-linear-gradient(to bottom, var(--col-deep), var(--col-deep) 2px, black 2px, black 4px);
  border: 1px solid var(--col-tone);
  padding: 1rem;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div > div p {
  color: var(--col-tone);
  font-size: 0.8em;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div > div p::after {
  content: none;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div > div::before, .content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div > div::after {
  position: absolute;
  content: "";
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div > div::before {
  width: 3rem;
  border-bottom: 1px solid var(--col-tone);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div > div::after {
  height: 8px;
  width: 8px;
  background: var(--col-tone);
  border-radius: 50%;
  z-index: 1;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div span[title=__middle] + div::after {
  bottom: unset;
  top: 50%;
  translate: 0 calc(-50% - 4px);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div span[title=__middle] + div::before {
  bottom: unset;
  top: 50%;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div span[title=__top] + div::after {
  top: 1rem;
  bottom: unset;
  translate: 0 calc(-50% - 4px);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div span[title=__top] + div::before {
  top: 1rem;
  bottom: unset;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div span[title=__bottom] + div::after {
  top: unset;
  bottom: 1rem;
  translate: 0 calc(50% + 4px);
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=timeline] + div > div span[title=__bottom] + div::before {
  top: unset;
  bottom: 1rem;
}
.content-text[data-bookid="Alien RPG"] #pagecontent span[title~=img_center] + img {
  display: block;
  margin: 0 auto;
}

html[data-theme=dark] body:has(.content-text[data-bookid="Alien RPG"]) {
  background: url(https://s3.amazonaws.com/files.d20.io/images/302568407/phWrh52qiYV0yKhBv6g4lw/max.png?1662079498);
  background-repeat: repeat;
}
html[data-theme=dark] body .content-text[data-bookid="Alien RPG"] #pagecontent {
  --col-contrast: #bbd3cd;
}
html[data-theme=dark] body .content-text[data-bookid="Alien RPG"] #pagecontent h3 {
  background: none;
}

/* Bladerunner */
.content-text[data-bookid="Blade Runner RPG"] #pagecontent {
  --font-main: "Play", sans-serif;
  --font-title: "Saira Extra Condensed", sans-serif;
  --font-header: "Homenaje";
  --font-icon: "Material Symbols Outlined";
  --col-accent: #7b281c;
  --col-tone: rgba(216, 213, 212, 0.9);
  --col-bright: #e9b625;
  --col-gold: #b19559;
  --col-glow: rgba(177, 96, 3, 0.2);
  --col-text: black;
  --col-text-alt: white;
  --img-noise: url(https://s3.amazonaws.com/files.d20.io/images/314727531/x9P_hvF0Uf8pY6rYTlXSLQ/med.jpg?1668727192);
  --img-ico1: url(https://s3.amazonaws.com/files.d20.io/images/310950474/PHvw5_g6Pd2dLKDvtj3PeQ/max.png?1666642420);
  --img-ico2: url(https://s3.amazonaws.com/files.d20.io/images/310950468/V-R1u0YToUIbmt_qI4TAgg/max.png?1666642420);
  --img-ico3: url(https://s3.amazonaws.com/files.d20.io/images/310950478/DjJrsMyO9KFcy7NU97svgA/max.png?1666642420);
  --img-ico4: url(https://s3.amazonaws.com/files.d20.io/images/310950470/8KJ1bef9k0n870UwsJvNTg/max.png?1666642420);
  --img-ico5: url(https://s3.amazonaws.com/files.d20.io/images/310950467/ngPeEU9PdGr_iy8EGFKkjQ/max.png?1666642420);
  --img-ico6: url(https://s3.amazonaws.com/files.d20.io/images/310950471/GwvtIxaI0W5qvBJMHY6PBA/max.png?1666642420);
  --img-ico7: url(https://s3.amazonaws.com/files.d20.io/images/310950477/GzZ_vthD08ly1HEJANatjg/max.png?1666642420);
  --img-ico8: url(https://s3.amazonaws.com/files.d20.io/images/310950473/lpWRPWrCe36_fnrrIGIixg/max.png?1666642420);
  --img-ico9: url(https://s3.amazonaws.com/files.d20.io/images/310950472/hfWdNknDqx2dYP5mT8Uykw/max.png?1666642420);
  --img-ico10: url(https://s3.amazonaws.com/files.d20.io/images/310950476/U2Tb1xhRVsEooDsYZGejIQ/max.png?1666642420);
  --img-ico11: url(https://s3.amazonaws.com/files.d20.io/images/310950469/CeTjRwMeR4zSy2-836S1Uw/max.png?1666642420);
  --img-ico12: url(https://s3.amazonaws.com/files.d20.io/images/310950475/QZEKHVkoc3BYUA88QdJG4A/max.png?1666642420);
  --img-ico13: url(https://s3.amazonaws.com/files.d20.io/images/310950466/wbA01EHQ01AgLIrQa_JFrA/max.png?1666642420);
  --img-ico14: url(https://s3.amazonaws.com/files.d20.io/images/311080884/zQLrRwAKMA5Hd0hvBewqpA/max.png?1666723140);
  --img-eye: url(https://s3.amazonaws.com/files.d20.io/images/318343074/Mp0Nq4H18S5AOLxCsfftwQ/med.png?1670905206);
  --img-unicorn: url(https://s3.amazonaws.com/files.d20.io/images/318343083/3cZ2AYMNRYCnfF1aKk8QJA/med.png?1670905215);
  position: relative;
  -webkit-columns: 300px 2;
     -moz-columns: 300px 2;
          columns: 300px 2;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
  margin: -1rem;
  padding: 2rem;
  overflow: hidden;
  border-bottom: 2px solid var(--col-gold);
  font-size: 16px;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ::-webkit-scrollbar-track {
  background: var(--col-text);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--col-accent);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent pre {
  margin: 0;
  margin-bottom: 2rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent pre#glossary, .content-text[data-bookid="Blade Runner RPG"] #pagecontent > h1 {
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent h1, .content-text[data-bookid="Blade Runner RPG"] #pagecontent h2 {
  color: var(--col-accent);
  text-transform: uppercase;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent h1 {
  position: relative;
  width: 70%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: var(--font-main);
  font-size: 3em;
  text-align: center;
  margin: 1rem 0;
  line-height: 1;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent h1.pagetitle {
  display: none;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent h2 {
  font-family: var(--font-title);
  margin: 0;
  line-height: 1;
  font-size: 2em;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent h3 {
  position: relative;
  width: 80%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(black), to(transparent));
  background: linear-gradient(to right, transparent, black, transparent);
  font-family: var(--font-header);
  font-size: 1em;
  color: var(--col-gold);
  text-shadow: 0 0 5px black;
  text-align: center;
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent p, .content-text[data-bookid="Blade Runner RPG"] #pagecontent li {
  font-family: var(--font-main);
  color: var(--col-text);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent p {
  margin-bottom: 1em;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent p:not(:first-of-type) {
  text-indent: 2rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent p:has(strong) {
  text-indent: 0;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent > div:not(#pagecontent, [class=content-text]) {
  margin-bottom: 2rem;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ul, .content-text[data-bookid="Blade Runner RPG"] #pagecontent ol {
  list-style-position: inside;
  padding-left: 2rem;
  margin: 1rem 0;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ul li, .content-text[data-bookid="Blade Runner RPG"] #pagecontent ol li {
  counter-increment: li;
  line-height: 1.5;
  margin-bottom: 0;
  position: relative;
  text-indent: 0;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ul li::marker, .content-text[data-bookid="Blade Runner RPG"] #pagecontent ol li::marker {
  content: "";
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ul li::before, .content-text[data-bookid="Blade Runner RPG"] #pagecontent ol li::before {
  content: "add_box";
  font-family: var(--font-icon);
  color: var(--col-accent);
  position: absolute;
  top: 0%;
  left: -26px;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent ol li::before {
  content: counter(li) ".";
  font-family: var(--font-main);
  color: var(--col-accent);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent strong {
  font-weight: bold;
  text-transform: uppercase;
  color: var(--col-accent);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title] {
  position: absolute;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=img-50] + img {
  width: calc(50% - 2.5rem);
  vertical-align: bottom;
  margin: 0 1rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=box] + div {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
  position: relative;
  border: 2px solid var(--col-gold);
  padding: 2rem;
  background: var(--col-tone);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=box] + div img {
  display: block;
  margin: 0 auto;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=box] + div, .content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div {
  overflow-x: auto;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=background] + img {
  position: fixed;
  inset: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=background] + img ~ h1 {
  color: var(--col-tone);
  text-shadow: 0 0 4px black, -1px -1px 0px red, 1px 1px 0px cyan;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=background] ~ span[title~=dictionary] + * {
  --col-text: white;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(rgba(0, 0, 0, 0.8)), color-stop(2rem, black), color-stop(black), to(transparent));
  -webkit-mask-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8), black 2rem, black calc(100% - 3rem), transparent);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(rgba(0, 0, 0, 0.8)), color-stop(2rem, black), color-stop(black), to(transparent));
          mask-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8), black 2rem, black calc(100% - 3rem), transparent);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=_left] + img {
  -o-object-position: left;
     object-position: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=_right] + img {
  -o-object-position: right;
     object-position: right;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=no-indent] + * {
  text-indent: 0;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=no-margin] + * {
  margin: 0 !important;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=indent] + p {
  text-indent: 2rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=col-span] + * {
  -webkit-column-span: all;
     -moz-column-span: all;
          column-span: all;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=col-span] + *:not(:first-of-type) {
  margin-top: 2rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=col-single] + * * {
  -webkit-columns: none;
     -moz-columns: none;
          columns: none;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div {
  position: relative;
  color: var(--col-tone);
  background: var(--img-noise), radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), -webkit-gradient(linear, left top, right top, from(var(--col-glow)), color-stop(black), to(var(--col-glow))), black;
  background: var(--img-noise), radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), linear-gradient(to right, var(--col-glow), black, var(--col-glow)), black;
  background-blend-mode: overlay, screen, screen, normal;
  border: 2px solid var(--col-gold);
  padding: 2rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div P {
  color: var(--col-tone);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div h1, .content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div h2, .content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div h3 {
  color: var(--col-gold);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div li {
  color: var(--col-tone);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div li::before {
  color: var(--col-gold);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div ol li::before {
  display: -ms-grid;
  display: grid;
  place-content: center;
  content: counter(li);
  background: black;
  -webkit-box-shadow: inset 0 0 0 3px var(--col-glow), inset 0 0 0 6px var(--col-glow);
          box-shadow: inset 0 0 0 3px var(--col-glow), inset 0 0 0 6px var(--col-glow);
  border: 1px solid var(--col-accent);
  font-size: 14px;
  color: var(--col-bright);
  line-height: 1;
  font-family: var(--font-main);
  width: 2rem;
  aspect-ratio: 1;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div strong {
  color: var(--col-bright);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div img {
  display: block;
  margin: 0 auto;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=aside] + * {
  color: var(--col-bright) !important;
  font-size: 0.9em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=dictionary] + div {
  padding: 2rem 4rem;
  text-align: justify;
  border: 1px solid var(--col-accent);
  border-width: 0 1px;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=breakout] + div span[title~=aside] + * {
  color: var(--col-gold) !important;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent table {
  width: 100%;
  border: none;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  color: var(--col-gold);
  font-size: 0.8em !important;
  overflow-x: auto;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent table h2 {
  font-family: var(--font-main);
  font-size: 1.5em;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent table th {
  text-transform: uppercase;
  vertical-align: top;
  font-size: 0.8em;
  font-family: var(--font-header);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent table tr:not(:last-of-type) {
  border-bottom: 1px solid var(--col-gold);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent table thead > tr {
  border-bottom: 2px solid var(--col-gold);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent table td, .content-text[data-bookid="Blade Runner RPG"] #pagecontent table th {
  border: none;
  font-family: var(--font-main);
  padding: 5px;
  line-height: 1;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=table-pairs] + table td:nth-of-type(2) {
  text-align: right;
  color: var(--col-tone);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=table-pairs] + table tr {
  border-color: var(--col-gold);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=col-2] + * {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=cool-theme] ~ * {
  --col-accent: #2b5c5a;
  --col-glow: rgba(152, 199, 211, 0.2);
  --col-gold: #9ba884;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=warm-theme] ~ * {
  --col-accent: #7b281c;
  --col-gold: #b19559;
  --col-glow: rgba(177, 96, 3, 0.2);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title*=icon] {
  position: relative;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-right: 3px;
  vertical-align: top;
  mix-blend-mode: difference;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-eye] {
  background: var(--img-eye);
  background-size: contain;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-unicorn] {
  background: var(--img-unicorn);
  background-size: contain;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico1] {
  background: var(--img-ico1);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico2] {
  background: var(--img-ico2);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico3] {
  background: var(--img-ico3);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico4] {
  background: var(--img-ico4);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico5] {
  background: var(--img-ico5);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico6] {
  background: var(--img-ico6);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico7] {
  background: var(--img-ico7);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico8] {
  background: var(--img-ico8);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico9] {
  background: var(--img-ico9);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico10] {
  background: var(--img-ico10);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico11] {
  background: var(--img-ico11);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico12] {
  background: var(--img-ico12);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico13] {
  background: var(--img-ico13);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=icon-ico14] {
  background: var(--img-ico14);
  background-size: contain;
  height: 4rem;
  width: 4rem;
  mix-blend-mode: normal;
  float: left;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div {
  --col-dust: rgba(230, 202, 202, 0.1);
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6rem 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  grid-gap: 1rem 6rem;
  background: radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), -webkit-gradient(linear, left top, right top, from(var(--col-glow)), color-stop(black), to(var(--col-glow))), repeating-linear-gradient(to right, transparent, transparent 10px, var(--col-dust) 10px, var(--col-dust) 11px), repeating-linear-gradient(30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), repeating-linear-gradient(-30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), black;
  background: radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), linear-gradient(to right, var(--col-glow), black, var(--col-glow)), repeating-linear-gradient(to right, transparent, transparent 10px, var(--col-dust) 10px, var(--col-dust) 11px), repeating-linear-gradient(30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), repeating-linear-gradient(-30deg, transparent, transparent 20px, var(--col-dust) 20px, var(--col-dust) 21px), black;
  background-blend-mode: screen, screen, overlay, screen, screen, screen, normal;
  background-position: center, center, center, 11 0, center, center, center;
  padding: 2rem;
  padding-bottom: 4rem;
  border: 1px solid var(--col-gold);
  outline: 2px solid var(--col-accent);
  outline-offset: -1rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div h2 {
  position: relative;
  grid-column: 1/-1;
  color: var(--col-tone);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 2rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2rem;
  width: calc(100% + 2rem);
  height: 1px;
  background: var(--col-accent);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div h3 {
  position: absolute;
  margin: 0;
  left: -1px;
  top: 0;
  background: black;
  padding-left: 1rem;
  border: 1px solid var(--col-gold);
  border-radius: 0 50px 0 0;
  text-align: left;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div::after {
  position: absolute;
  top: 23px;
  bottom: 2.25rem;
  left: 50%;
  content: "";
  border: 1px dashed var(--col-gold);
  outline: 1px solid var(--col-accent);
  outline-offset: 1.5rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::before, .content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::after {
  top: 1rem;
  right: -3rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::before, .content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::after {
  bottom: 1rem;
  left: -3rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div:first-of-type > div::after {
  right: calc(-3rem - 2px);
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div:last-of-type > div::after {
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div > div {
  position: relative;
  background: var(--img-noise), radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), -webkit-gradient(linear, left top, right top, from(var(--col-glow)), color-stop(black), to(var(--col-glow))), black;
  background: var(--img-noise), radial-gradient(ellipse 400px 400% at right center, var(--col-glow), transparent 20%), radial-gradient(ellipse 400px 400% at left center, var(--col-glow), transparent 20%), linear-gradient(to right, var(--col-glow), black, var(--col-glow)), black;
  background-blend-mode: overlay, screen, screen, normal;
  border: 1px solid var(--col-gold);
  padding: 1rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div > div p {
  color: var(--col-bright);
  font-size: 0.8em;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div > div::before, .content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div > div::after {
  position: absolute;
  content: "";
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div > div::before {
  width: 3rem;
  border-bottom: 1px solid var(--col-gold);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div > div::after {
  height: 8px;
  width: 8px;
  background: var(--col-tone);
  border-radius: 50%;
  outline: 2px solid var(--col-gold);
  outline-offset: 3px;
  z-index: 1;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div span[title=__middle] + div::after {
  bottom: unset;
  top: 50%;
  translate: 0 calc(-50% - 4px);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div span[title=__middle] + div::before {
  bottom: unset;
  top: 50%;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div span[title=__top] + div::after {
  top: 1rem;
  bottom: unset;
  translate: 0 calc(-50% - 4px);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div span[title=__top] + div::before {
  top: 1rem;
  bottom: unset;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div span[title=__bottom] + div::after {
  top: unset;
  bottom: 1rem;
  translate: 0 calc(50% + 4px);
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=timeline] + div > div span[title=__bottom] + div::before {
  top: unset;
  bottom: 1rem;
}
.content-text[data-bookid="Blade Runner RPG"] #pagecontent span[title~=img_center] + img {
  display: block;
  margin: 0 auto;
}

html:has(.content-text[data-bookid="Blade Runner RPG"]) {
  --color-surface1: rgba(50, 50, 50, .7);
  --color-grayscale1: var(--color-grayscale4);
}
html:has(.content-text[data-bookid="Blade Runner RPG"]) h1:first-of-type {
  display: none;
}

html[data-theme=dark] body:has(.content-text[data-bookid="Blade Runner RPG"]) {
  --color-grayscale1: #E9E8E9;
}
html[data-theme=dark] body:has(.content-text[data-bookid="Blade Runner RPG"]) .content-text #pagecontent span[title*=dictionary] + * {
  --col-text: white;
}

/* Apocalypse Keys (PbtA) */
.content-text[data-bookid="apocalypsekeys"] h1 {
  font-family: 'Amarante', cursive;
  font-weight: 400;
}
.content-text[data-bookid="apocalypsekeys"] #pagecontent :is(h2, h3, h4, h5, h6) {
  font-family: 'Amatic SC', cursive;
  font-weight: 700;
}

/* They Came From Beneath The Sea */
.content-text[data-bookid=TCFBTS] #pagecontent {
  --sigil-block-spacing: 24px;
  --tcfbts-font-heavy-heading: Impact, "Arial Black", sans-serif;
  --tcfbts-font-heading: Crud, Impact, Arial Black, sans-serif;
  --tcfbts-font-secondary: Futura, "Helvetica Neue", Helvetica, Arial, serif;
  --tcfbts-font-typewriter: "Special Elite", "Courier New", Courier, monospace;
  --tcfbts-font-creepster: "Creepster", cursive;
  --tcfbts-color-base: var(--color-grayscale1);
  --tcfbts-color-green: #384038;
  --tcfbts-color-on-green: var(--color-surface1);
  --tcfbts-color-creepster-outline: #fff;
  --tcfbts-table-odd-background: transparent;
  --tcfbts-table-even-background: rgb(0 0 0 / 5%);
  --tcfbts-bulletbox-even-background: rgb(0 0 0 / 5%);
  --tcfbts-image-paper: url("https://s3.amazonaws.com/files.d20.io/images/304952890/Zqo_YJntbWA9v3ZUZMiwRA/max.jpg?1663413678");
  --tcfbts-polygon-worn-paper: polygon(8px 3px, 12px 2px, 16px 0, 10% 2px, 10.5% 0px, 11% 1px, 11.5% 0px, 18% 1.5px, 21% 0, 28% 1px, 30% 4px, 30.5% 1px, 31% 2px, 31.5% 1px, 33% 3px, 34% 0, 35.5% 1px, 36.5% 2px, 38% 0.5px, 48% 0, 49% 4px, 50% 1.5px, 57% 1px, 59% 0, 61% 1.5px, 63% 0, 67% 1px, 70% 0, 70.5% 4px, 71% 1px, 71.5% 2px, 72% 0, 72.5% 3px, 75% 0, 78% 2px, 85% 3px, 93% 1px, 96% 0, calc(100% - 8px) 0, calc(100% - 4px) 2px, calc(100% - 3px) 10px, 100% 14px, calc(100% - 1px) 15%, calc(100% - 2px) 16.5%, 100% 17%, calc(100% - 1px) 17.5%, 100% 18%, calc(100% - 1px) 21%, 100% 22%, calc(100% - 4px) 23%, calc(100% - 1px) 23.5%, calc(100% - 3px) 24%, calc(100% - 2px) 24.5%, 100% 25%, calc(100% - 1px) 25.5%, 100% 26%, calc(100% - 2px) 26.5%, calc(100% - 1px) 27%, calc(100% - 1.5px) 28%, 100% 29%, calc(100% - 1px) 45%, calc(100% - 3px) 45.5%, calc(100% - 2px) 46%, 100% 47%, calc(100% - 1px) 48%, 100% 49%, calc(100% - 2px) 49.5%, calc(100% - 1px) 50%, calc(100% - 1.5px) 50.5%, 100% 51%, calc(100% - 3px) 53%, 100% 53.5%, calc(100% - 2px) 55%, calc(100% - 1px) 56%, 100% 57%, 100% 65%, calc(100% - 4px) 66%, calc(100% - 2px) 67%, 100% 69%, calc(100% - 2px) 78%, calc(100% - 1.5px) 85%, calc(100% - 3px) 85.5%, calc(100% - 8px) 86%, calc(100% - 2px) 86.5%, 100% 100%, 98% calc(100% - 2px), 97% calc(100% - 4px), 96% calc(100% - 1px), 93% 100%, 92.5% calc(100% - 3px), 91% 100%, 87% calc(100% - 1px), 80% 100%, 79.5% calc(100% - 6px), 79.2% calc(100% - 3px), 78.5% 100%, 70% calc(100% - 1px), 69.5% 100%, 69% calc(100% - 5px), 68.5% 100%, 68% calc(100% - 3px), 67.5% calc(100% - 2px), 67% 100%, 66.5% calc(100% - 2px), 66% 100%, 65.6% calc(100% - 2px), 65.3% 100%, 65% calc(100% - 1px), 64.7% 100%, 64.4% calc(100% - 1px), 64% 100%, 60% calc(100% - 1px), 52% 100%, 45% calc(100% - 3px), 40% calc(100% - 2px), 39% calc(100% - 3px), 38% calc(100% - 4px), 37% calc(100% - 2px), 36% calc(100% - 4px), 35% calc(100% - 1px), 19% 100%, 13% 100%, 12.8% calc(100% - 4px), 12.5% calc(100% - 6px), 12% calc(100% - 3px), 11.5% calc(100% - 4px), 11% calc(100% - 3px), 10.5% calc(100% - 5px), 10% calc(100% - 3px), 9.5% calc(100% - 2px), 9% calc(100% - 3px), 8.5% calc(100% - 6px), 5% calc(100% - 2px), 8px calc(100% - 2px), 6px calc(100% - 3px), 4px calc(100% - 4px), 0 calc(100% - 3px), 0 89%, 2px 87%, 4px 86%, 0 85%, 0 77%, 1px 76%, 2px 75%, 0 73.5%, 3px 73%, 0 71%, 1.5px 70.5%, 1px 70%, 2px 69.5%, 0 69%, 1px 68%, 0 67%, 2px 66%, 3px 65.5%, 1px 65%, 0 66%, 1px 50%, 5px 49.5%, 7px 49%, 0 48.5%, 3px 38%, 0 20%, 1px 16%, 3px 15.5%, 4px 14%, 2.5px 12%, 1px 11%, 0 10%, 1px 5%, 0 6px, 2px 4px);
}
.content-text[data-bookid=TCFBTS] #pagecontent {
  font-family: var(--sigil-font-base);
  color: var(--color-grayscale1);
  font-size: clamp(16px, 0.625vw + 14px, 18px);
  line-height: 1.5;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(p, aside, blockquote, q, label, caption, figure, figcaption, pre, code, dl, dt, dd, mark, header, footer, small, h1, h2, h3, h4, h5, h6) {
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: initial;
}
.content-text[data-bookid=TCFBTS] #pagecontent.dark {
  color: var(--color-grayscale2);
}
.content-text[data-bookid=TCFBTS] #pagecontent a[name]:first-child + :is(h1, h2, h3, h4, h5, h6),
.content-text[data-bookid=TCFBTS] #pagecontent a[name]:first-child + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0 !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent a[name]:not([href]) {
  display: none;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(h1, h2, h3, h4, h5, h6) {
  font-weight: normal;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(h1, h2, h3):not(.esc):not(:first-child) {
  margin-top: 48px;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(h1, h2, h3):not(.esc):not(:last-child) {
  margin-bottom: 16px;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(h4, h5, h6):not(.esc):not(:first-child) {
  margin-top: 32px;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(h4, h5, h6):not(.esc):not(:last-child) {
  margin-bottom: 12px;
}
.content-text[data-bookid=TCFBTS] #pagecontent h1:not(.esc) {
  font-size: clamp(28px, 2.5vw + 20px, 36px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h2:not(.esc) {
  font-size: clamp(22px, 2.5vw + 14px, 30px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h3:not(.esc) {
  font-size: clamp(20px, 1.25vw + 16px, 24px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h3:not(.esc) a {
  border: 0;
}
.content-text[data-bookid=TCFBTS] #pagecontent h3:not(.esc) a:hover {
  background: none;
}
.content-text[data-bookid=TCFBTS] #pagecontent h4:not(.esc) {
  font-size: clamp(18px, 0.625vw + 16px, 20px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h5:not(.esc) {
  font-size: clamp(16px, 0.625vw + 14px, 18px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h6:not(.esc) {
  font-size: clamp(14px, 0.625vw + 12px, 16px);
}
.content-text[data-bookid=TCFBTS] #pagecontent hr {
  border-top: 1px solid var(--color-grayscale4);
  margin: 24px 0;
}
.content-text[data-bookid=TCFBTS] #pagecontent.dark hr {
  border-color: var(--color-grayscale3);
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(blockquote, ul, ol, table, aside, figure):not(:first-child) {
  margin-top: var(--sigil-block-spacing, 24px);
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(blockquote, ul, ol, table, aside, figure):not(:last-child) {
  margin-bottom: var(--sigil-block-spacing, 24px);
}
.content-text[data-bookid=TCFBTS] #pagecontent p:not(:first-child) {
  margin-top: 1.25em;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(ul, ol) {
  margin: 0;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(ul, ol) li:not(:last-child) {
  margin-bottom: 8px;
}
.content-text[data-bookid=TCFBTS] #pagecontent.dark strong {
  filter: brightness(1.1);
}
.content-text[data-bookid=TCFBTS] #pagecontent mark {
  background-color: var(--color-yellow8);
  padding: 0.125em;
}
.content-text[data-bookid=TCFBTS] #pagecontent.dark mark {
  background-color: var(--color-red1);
}
.content-text[data-bookid=TCFBTS] #pagecontent blockquote footer::before {
  content: none;
}
.content-text[data-bookid=TCFBTS] #pagecontent q::before, .content-text[data-bookid=TCFBTS] #pagecontent q::after {
  content: none;
}
.content-text[data-bookid=TCFBTS] #pagecontent table {
  border-collapse: collapse;
  font-size: clamp(14px, 0.625vw + 12px, 16px) !important;
  width: 100%;
}
.content-text[data-bookid=TCFBTS] #pagecontent table thead td {
  border-bottom: 0 !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent table td {
  border: 1px solid var(--color-grayscale4);
}
.content-text[data-bookid=TCFBTS] #pagecontent.dark table td {
  border: 1px solid var(--color-grayscale3);
}
.content-text[data-bookid=TCFBTS] #pagecontent.dark {
  --tcfbts-color-base: var(--color-grayscale2);
  --tcfbts-color-creepster-outline: #333;
  --tcfbts-color-green: #a9bca9;
  --tcfbts-table-even-background: rgb(255 255 255 / 5%);
  --tcfbts-bulletbox-even-background: rgb(255 255 255 / 5%);
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(h1, h2, h3, h4, h5, h6, caption, figcaption):not(.esc) {
  color: var(--tcfbts-color-green);
  font-family: var(--tcfbts-font-heading);
  line-height: 1;
  text-transform: uppercase;
}
.content-text[data-bookid=TCFBTS] #pagecontent h1:not(.esc) {
  font-family: var(--tcfbts-font-heavy-heading);
  font-size: clamp(40px, 7.5vw + 16px, 64px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h1:not(.esc):not(:last-child) {
  margin-bottom: 0.625em;
}
.content-text[data-bookid=TCFBTS] #pagecontent h1:not(.esc) > small:first-child {
  font-size: 50%;
}
.content-text[data-bookid=TCFBTS] #pagecontent h2:not(.esc) {
  font-size: clamp(36px, 2.5vw + 28px, 44px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h3:not(.esc) {
  font-size: clamp(24px, 2.5vw + 16px, 32px);
}
.content-text[data-bookid=TCFBTS] #pagecontent h4:not(.esc) {
  font-size: clamp(20px, 2.5vw + 12px, 28px);
}
.content-text[data-bookid=TCFBTS] #pagecontent p small {
  font-size: 0.875em;
}
.content-text[data-bookid=TCFBTS] #pagecontent q {
  display: block;
  font-family: var(--tcfbts-font-typewriter);
  font-size: 0.75em;
  font-weight: bold;
  padding: 0 8px;
}
.content-text[data-bookid=TCFBTS] #pagecontent q:not(:first-child) {
  margin-top: 24px;
}
.content-text[data-bookid=TCFBTS] #pagecontent q:not(:last-child) {
  margin-bottom: 24px;
}
.content-text[data-bookid=TCFBTS] #pagecontent q p:not(:first-child) {
  margin-top: 6px;
}
.content-text[data-bookid=TCFBTS] #pagecontent q > small:last-child {
  display: block;
  margin-top: 6px;
}
.content-text[data-bookid=TCFBTS] #pagecontent q > small:last-child::before {
  content: "—";
  margin-right: 6px;
}
.content-text[data-bookid=TCFBTS] #pagecontent blockquote {
  background-color: var(--tcfbts-color-green);
  color: var(--tcfbts-color-on-green);
  font-size: 0.875em;
  font-style: italic;
  padding: 8px 12px;
  border-radius: 8px;
}
.content-text[data-bookid=TCFBTS] #pagecontent.dark blockquote strong {
  color: inherit;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside:not(:first-child) {
  margin-top: 56px;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside::after {
  content: "";
  display: table;
  clear: both;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside > img:first-child {
  position: relative;
  display: block;
  float: left;
  shape-outside: circle(50%);
  object-fit: cover;
  border-radius: 50%;
  margin: -14px 12px 8px 1px;
  height: clamp(72px, 10vw + 40px, 104px);
  width: clamp(72px, 10vw + 40px, 104px);
  box-shadow: 0 0 0 4px var(--tcfbts-color-green);
}
.content-text[data-bookid=TCFBTS] #pagecontent aside > img:first-child ~ :is(h1, h2, h3, h4, h5, h6):first-of-type {
  margin-left: 16px;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside > :is(h1, h2, h3, h4, h5, h6) {
  background: var(--tcfbts-color-green);
  padding: 8px 12px;
  height: clamp(48px, 7.5vw + 24px, 72px);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside > :is(h1, h2, h3, h4, h5, h6) > div {
  display: grid;
  align-items: center;
  color: var(--tcfbts-color-on-green);
  font-family: var(--tcfbts-font-heavy-heading);
  font-size: clamp(17px, 3.4375vw + 6px, 28px);
  line-height: 1;
  height: 100%;
  overflow: hidden;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside > div {
  font-size: 0.875em;
  border: 3px solid var(--tcfbts-color-green);
  padding: 24px 8px 8px;
  margin-top: -16px;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside > div table {
  margin-bottom: 12px !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent aside > div table:not(:first-child) {
  margin-top: 12px;
}
.content-text[data-bookid=TCFBTS] #pagecontent table caption,
.content-text[data-bookid=TCFBTS] #pagecontent figcaption {
  font-size: clamp(20px, 2.5vw + 12px, 28px);
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}
.content-text[data-bookid=TCFBTS] #pagecontent table {
  margin-bottom: 0 !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent table:not(:first-child) {
  margin-top: 32px;
}
.content-text[data-bookid=TCFBTS] #pagecontent table:not(:last-child) {
  margin-bottom: 32px !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent :is(td, th) {
  font-family: var(--tcfbts-font-secondary);
  font-size: 0.875em;
  line-height: 1.2;
  padding: 8px !important;
  border: 0 !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent thead th {
  background: var(--tcfbts-color-green);
  color: var(--tcfbts-color-on-green);
  vertical-align: bottom;
  text-transform: uppercase;
}
.content-text[data-bookid=TCFBTS] #pagecontent tbody tr:nth-child(odd) {
  background: var(--tcfbts-table-odd-background);
}
.content-text[data-bookid=TCFBTS] #pagecontent tbody tr:nth-child(even) {
  background: var(--tcfbts-table-even-background);
}
.content-text[data-bookid=TCFBTS] #pagecontent abbr {
  display: block;
}
.content-text[data-bookid=TCFBTS] #pagecontent abbr:not(:first-child) {
  margin-top: 24px;
}
.content-text[data-bookid=TCFBTS] #pagecontent abbr:not(:last-child) {
  margin-bottom: 24px;
}
.content-text[data-bookid=TCFBTS] #pagecontent abbr > div {
  display: flex;
}
.content-text[data-bookid=TCFBTS] #pagecontent abbr > div:not(:last-child) {
  margin-bottom: 0.5em;
}
.content-text[data-bookid=TCFBTS] #pagecontent abbr > div > :first-child {
  flex-shrink: 0;
  min-width: 3.5em;
}
.content-text[data-bookid=TCFBTS] #pagecontent abbr > div > :last-child {
  flex-grow: 1;
}
.content-text[data-bookid=TCFBTS] #pagecontent ins {
  display: block;
  font-size: 0.875em;
  text-decoration: none;
}
.content-text[data-bookid=TCFBTS] #pagecontent ins:not(:first-child) {
  margin-top: 24px;
}
.content-text[data-bookid=TCFBTS] #pagecontent ins:not(:last-child) {
  margin-bottom: 24px;
}
.content-text[data-bookid=TCFBTS] #pagecontent ins p:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=TCFBTS] #pagecontent ins > ul {
  list-style-position: inside;
  padding: 0;
}
.content-text[data-bookid=TCFBTS] #pagecontent ins > ul > li {
  padding: 0.5em 0.5em 0.5em 2em;
  margin: 0;
  overflow: hidden;
}
.content-text[data-bookid=TCFBTS] #pagecontent ins > ul > li:nth-child(odd) {
  background: var(--tcfbts-bulletbox-even-background);
}
.content-text[data-bookid=TCFBTS] #pagecontent ins > ul:is(ul) > li {
  text-indent: -1.35em;
}
.content-text[data-bookid=TCFBTS] #pagecontent dl {
  font-family: var(--tcfbts-font-secondary);
  font-size: 0.875em;
  line-height: 1.3;
}
.content-text[data-bookid=TCFBTS] #pagecontent dl:not(:first-child) {
  margin-top: 16px;
}
.content-text[data-bookid=TCFBTS] #pagecontent dl:not(:last-child) {
  margin-bottom: 16px;
}
.content-text[data-bookid=TCFBTS] #pagecontent dl dt {
  background: var(--tcfbts-color-green);
  color: var(--tcfbts-color-on-green);
  line-height: 1;
  text-transform: uppercase;
  padding: 8px;
}
.content-text[data-bookid=TCFBTS] #pagecontent dl dd {
  padding: 8px;
}
.content-text[data-bookid=TCFBTS] #pagecontent dl dd p:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=TCFBTS] #pagecontent dl > div:not(:last-child) {
  margin-bottom: 8px;
}
.content-text[data-bookid=TCFBTS] #pagecontent figure > div:first-of-type {
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.6));
}
.content-text[data-bookid=TCFBTS] #pagecontent figure > div:last-of-type > div:first-child {
  background-image: var(--tcfbts-image-paper);
  background-repeat: no-repeat;
  background-size: cover;
  color: #1e1523;
  font-family: var(--tcfbts-font-typewriter);
  font-size: 0.75em;
  line-height: 1.7;
  padding: 1.5em;
  border-radius: 2px;
  clip-path: var(--tcfbts-polygon-worn-paper);
  filter: sepia(0.15);
}
@media (min-width: 640px) {
  .content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * {
    column-count: 2;
    column-gap: 2em;
  }
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * :is(h2, h3, h4, h5, h6) {
  break-inside: avoid-column;
  line-height: 1;
  margin: 0 !important;
  min-width: 280px;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * :is(h2, h3, h4, h5, h6) a {
  display: block;
  padding: 8px 0;
  width: fit-content;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * :is(h3, h4, h5, h6) {
  font-family: var(--sigil-font-base);
  font-size: 0.875em;
  font-weight: normal;
  text-transform: none;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * :is(h3, h4, h5, h6) a {
  color: var(--tcfbts-color-base) !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * :is(h3, h4, h5, h6) a:hover {
  text-decoration: underline !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * h2 {
  font-size: 1.5em;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * h2 a {
  color: var(--tcfbts-color-green);
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * h3 {
  font-weight: bold;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * h4 {
  padding-left: 12px;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * h5 {
  padding-left: 24px;
  font-style: italic;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=toc] + * h6 {
  padding-left: 36px;
  font-style: italic;
  opacity: 0.75;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*="66%"] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*="66%"] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  width: 66%;
  min-width: 345px;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*="50%"] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*="50%"] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  width: 50%;
  min-width: 200px;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*="33%"] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*="33%"] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  width: 33%;
  min-width: 150px;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=centered] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=centered] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  margin-left: auto !important;
  margin-right: auto !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=indent-05] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=indent-05] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  text-indent: 0.5em;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=indent-10] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=indent-10] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  text-indent: 1em;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=indent-15] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=indent-15] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  text-indent: 1.5em;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=text-justify] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=text-justify] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  text-align: justify;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=clearfix] {
  display: block;
  clear: both;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=circle-shape] + * {
  shape-outside: circle(50%);
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=transform-flip-x] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=transform-flip-x] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  transform: scale(-1, 1);
}
@media (min-width: 480px) {
  .content-text[data-bookid=TCFBTS] #pagecontent span[title*=two-columns] + * {
    column-count: 2;
    column-gap: 2em;
  }
}
@media (min-width: 640px) {
  .content-text[data-bookid=TCFBTS] #pagecontent span[title*=responsive-float-right] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=responsive-float-right] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
    float: right;
    margin: 1em 0 1em 1em;
    width: 45%;
  }
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=font-typewriter] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=font-typewriter] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--tcfbts-font-typewriter) !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=font-creepster] + *,
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=font-creepster] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--tcfbts-font-creepster) !important;
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=heading-creepster] + *:not(a[name]),
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=heading-creepster] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--tcfbts-font-creepster) !important;
  font-size: clamp(40px, 7.5vw + 16px, 64px) !important;
  letter-spacing: 0.02em;
  text-shadow: var(--tcfbts-color-creepster-outline) 3px 0px 0px, var(--tcfbts-color-creepster-outline) 2.83487px 0.981584px 0px, var(--tcfbts-color-creepster-outline) 2.35766px 1.85511px 0px, var(--tcfbts-color-creepster-outline) 1.62091px 2.52441px 0px, var(--tcfbts-color-creepster-outline) 0.705713px 2.91581px 0px, var(--tcfbts-color-creepster-outline) -0.287171px 2.98622px 0px, var(--tcfbts-color-creepster-outline) -1.24844px 2.72789px 0px, var(--tcfbts-color-creepster-outline) -2.07227px 2.16926px 0px, var(--tcfbts-color-creepster-outline) -2.66798px 1.37182px 0px, var(--tcfbts-color-creepster-outline) -2.96998px 0.42336px 0px, var(--tcfbts-color-creepster-outline) -2.94502px -0.571704px 0px, var(--tcfbts-color-creepster-outline) -2.59586px -1.50383px 0px, var(--tcfbts-color-creepster-outline) -1.96093px -2.27041px 0px, var(--tcfbts-color-creepster-outline) -1.11013px -2.78704px 0px, var(--tcfbts-color-creepster-outline) -0.137119px -2.99686px 0px, var(--tcfbts-color-creepster-outline) 0.850987px -2.87677px 0px, var(--tcfbts-color-creepster-outline) 1.74541px -2.43999px 0px, var(--tcfbts-color-creepster-outline) 2.44769px -1.73459px 0px, var(--tcfbts-color-creepster-outline) 2.88051px -0.838247px 0px, -2px -2px 5px rgba(0, 0, 0, 0.9), 8px 8px 5px rgba(0, 0, 0, 0.9);
}
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=heading-ocean] + *:not(a[name]),
.content-text[data-bookid=TCFBTS] #pagecontent span[title*=heading-ocean] + a[name] + a[name] + :is(h1, h2, h3, h4, h5, h6) {
  background-image: url("https://s3.amazonaws.com/files.d20.io/images/307167766/WlKNJ3wWHh1IXWdNTKwBTg/max.png?1664633500");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: white;
  text-align: center;
  font-size: clamp(20px, 2.5vw + 12px, 28px);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.9), 0 0 4px rgba(0, 0, 0, 0.5);
  padding: 0.45em 0.45em 0.6em;
  border-radius: 56px 56px 0 0;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3));
}

/* Shadowrun Sixth World */
.content-text[data-bookid="SR6"] {
    font-family: "Arial";
}

/* Headers */
/* h6 immediately before h1 */
div.content-text[data-bookid="SR6"] h5 + a + a + h1, div.content-text[data-bookid="SR6"] h5 + a + a + h3 {
  margin-top: -7px;
}

/* h1 and h2 are black */
div.content-text[data-bookid="SR6"] h1, div.content-text[data-bookid="SR6"] h2 {
   text-transform: uppercase;
   color: rgb(0, 0, 0);
   font-family: Arial;
   margin-bottom: 0px;
   font-weight: bold;
}

/* h1 has the underline */
div.content-text[data-bookid="SR6"] h1 {
   text-decoration: underline rgb(150, 3, 112) solid .25em;
}

/* h3 has the underline and is black */
div.content-text[data-bookid="SR6"] h3 {
   text-transform: uppercase;
   text-decoration: underline rgb(150, 2, 112) solid .25em;
   color: rgb(0, 0, 0);
   font-family: Arial;
   margin-bottom: 0px;
   font-weight: bold;
}

/* h4 doesn't have the underline and is black */
div.content-text[data-bookid="SR6"] h3, div.content-text[data-bookid="SR6"] h4 {
   text-transform: uppercase;
   color: rgb(0, 0, 0);
   font-family: Arial;
   margin-bottom: 0px;
   font-weight: bold;
}

/* h5 and h6 have no underline and are the color of the underline */
div.content-text[data-bookid="SR6"] h5, div.content-text[data-bookid="SR6"] h6 {
   text-transform: uppercase;
   color: rgb(150, 4, 112);
   font-family: Arial;
   margin-bottom: 0px;
}

/* h5 inside a blockquote it needs to be bigger */
div.content-text[data-bookid="SR6"] blockquote h5 {
  font-size: larger;
}

/* can't have h# elements in tables so we'll style th->b elements */
div.content-text[data-bookid="SR6"] blockquote table tr th b {
   text-transform: uppercase;
   color: rgb(150, 4, 112);
   font-family: Arial;
   margin-bottom: 0px;
   padding-left: 5px;
   padding-right: 5px;
}

/* h6 isn't bold */
div.content-text[data-bookid="SR6"] h6 {
  font-weight: normal;
}

div.content-text[data-bookid="SR6"] a[name^="toc_"] + h5, div.content-text[data-bookid="SR6"] a[name^="toc_"] + h6 {
   margin-bottom: 0px;
}

/* blockquote (used for insets) */
div.content-text[data-bookid="SR6"] blockquote {
   border: none;
   background-color: rgb(225, 225, 220);
   color: rgb(0, 0, 0);
}

div.content-text[data-bookid="SR6"] blockquote p {
  margin-bottom: .25em;
}
div.content-text[data-bookid="SR6"] blockquote p b {
  padding-right: .25em;
}
div.content-text[data-bookid="SR6"] blockquote b > u {
  text-decoration-line: none;
}
div.content-text[data-bookid="SR6"] blockquote b > u > i {
  color: rgb(150, 4, 112);
  font-style: normal;
  font-family: Arial;
  font-weight: 800;
}

div.content-text[data-bookid="SR6"] #pagecontent blockquote table, 
div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr, 
div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr th, 
div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr td {
  border: none;
}

div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr td {
  padding-top: 0px;
}

div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr:nth-of-type(odd) {
  background-color: rgb(225, 225, 220);
}
div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr:nth-of-type(even) {
  background-color: rgb(255, 255, 255);
}

/* li padding */
div.content-text[data-bookid="SR6"] ul li {
  padding-left: .9em;
}

/***********************/
/* Dark Mode overrides */
/***********************/
/* h1 and h2 text color */
html[data-theme="dark"] div.content-text[data-bookid="SR6"] h1, html[data-theme="dark"] div.content-text[data-bookid="SR6"] h2 {
   color: rgb(255, 255, 255);
}

/* h3 text color and underline */
html[data-theme="dark"] div.content-text[data-bookid="SR6"] h3 {
   color: rgb(255, 255, 255);
   text-decoration: underline rgb(150, 2, 112) solid .25em;
}

/* h4 text color and underline */
html[data-theme="dark"] div.content-text[data-bookid="SR6"] h4 {
   color: rgb(255, 255, 255);
}

html[data-theme="dark"] div.content-text[data-bookid="SR6"] h5, div.content-text[data-bookid="SR6"] h6 {
   color: rgb(210, 64, 172);
}

/* blockquote background/text colors */
html[data-theme="dark"] div.content-text[data-bookid="SR6"] blockquote {
   background-color: rgb(30, 30, 35);
   color: rgb(187, 187, 187);
}

html[data-theme="dark"] div.content-text[data-bookid="SR6"] blockquote b > u > i {
  color: rgb(210, 64, 172);
}

/* alternating inset table row colors */
html[data-theme="dark"] div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr:nth-of-type(odd) {
  background-color: rgb(30, 30, 35);
}
html[data-theme="dark"] div.content-text[data-bookid="SR6"] #pagecontent blockquote table tr:nth-of-type(even) {
  background-color: rgb(0, 0, 0);
}