

/* --- 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:wght@400;700&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');
@import url('https://fonts.googleapis.com/css2?family=Kufam:wght@900&display=swap');
@import url("https://fonts.googleapis.com/css?family=Homenaje|Play|Material+Symbols+Outlined|Rakkas|Alegreya:400|Alegreya:700|Galdeano&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Cantarell&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&family=Trade+Winds&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya:wght@800&family=Almendra:wght@700&family=Fondamento&display=swap');
@import url("https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&family=Tilt+Neon&family=Neuton&family=Barlow+Semi+Condensed&family=Caveat&family=Jura&family=Ubuntu+Mono&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@0;1&family=UnifrakturMaguntia&family=Almendra+SC&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;
}

/* Salvage Union */

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

/* 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-bookid="dračíhlídka"] h1,
.content-text[data-bookid="dračíhlídka"] h2,
.content-text[data-bookid="dračíhlídka"] h3,
.content-text[data-bookid="dračíhlídka"] h4,
.content-text[data-bookid="dračíhlídka"] h5,
.content-text[data-bookid="dračíhlídka"] 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);
  --dm-color-subheadings: #e6e6e6;
  --lm-color-subheadings: #1a1a1a;
  --color-subheadings: var(--lm-color-subheadings);
  --dm-color-primary-background: #353e29;
  --lm-color-primary-background: #353e29;
  --color-primary-background: var(--lm-color-primary-background);
  --dm-color-secondary-background: #3c3c3c;
  --lm-color-secondary-background: #dddcd8;
  --color-secondary-background: var(--lm-color-secondary-background);
  --dm-color-text: #c0c0c0;
  --lm-color-text: #303030;
  --color-text: var(--lm-color-text);
  --dm-color-text-heavy: #e6e6e6;
  --lm-color-text-heavy: #1a1a1a;
  --color-text-heavy: var(--lm-color-text-heavy);
  --dm-color-text-highlighted: #cbdab9;
  --lm-color-text-highlighted: #2f3725;
  --color-text-highlighted: var(--lm-color-text-highlighted);
  --dm-color-link: #418fde;
  --lm-color-link: #418fde;
  --color-link: var(--lm-color-link);
  --dm-color-link-hover: #418fde;
  --lm-color-link-hover: #418fde;
  --color-link-hover: var(--lm-color-link-hover);
  --dm-color-autolink-border: currentColor;
  --lm-color-autolink-border: currentColor;
  --color-autolink-border: var(--lm-color-autolink-border);
  --dm-color-text-dt-strong: #cbdab9;
  --lm-color-text-dt-strong: #2f3725;
  --color-text-dt-strong: var(--lm-color-text-dt-strong);
  --dm-color-h2: #a8aaa1;
  --lm-color-h2: #4d5343;
  --color-h2: var(--lm-color-h2);
  --dm-color-h3: var(--dm-color-subheadings);
  --lm-color-h3: var(--lm-color-subheadings);
  --color-h3: var(--lm-color-h3);
  --dm-color-h4: var(--dm-color-subheadings);
  --lm-color-h4: var(--lm-color-subheadings);
  --color-h4: var(--lm-color-h4);
  --dm-color-h5: var(--color-subheadings);
  --lm-color-h5: var(--color-subheadings);
  --color-h5: var(--lm-color-h5);
  --dm-color-h6: #a8aaa1;
  --lm-color-h6: #4d5343;
  --color-h6: var(--lm-color-h6);
  --dm-color-figcaption: #a8aaa1;
  --lm-color-figcaption: #4d5343;
  --color-figcaption: var(--lm-color-figcaption);
  --dm-color-toc-h3: #a8aaa1;
  --lm-color-toc-h3: #4d5343;
  --color-toc-h4: var(--lm-color-toc-h4);
  --dm-color-toc-strong: #a8aaa1;
  --lm-color-toc-strong: #4d5343;
  --color-toc-strong: var(--lm-color-toc-strong);
  --dm-color-dropcap: #f0f0f0;
  --lm-color-dropcap: #675d51;
  --color-dropcap: var(--lm-color-dropcap);
  --dm-color-layout: var(--color-primary-background);
  --lm-color-layout: var(--color-primary-background);
  --color-layout: var(--lm-color-layout);
  --dm-color-aside-background: #404133;
  --lm-color-aside-background: #404133;
  --color-aside-background: var(--lm-color-aside-background);
  --dm-color-aside-text: #f4ebd1;
  --lm-color-aside-text: #f4ebd1;
  --color-aside-text: var(--lm-color-aside-text);
  --dm-color-aside-th-background: var(--color-primary-background);
  --lm-color-aside-th-background: var(--color-primary-background);
  --color-aside-th-background: var(--lm-color-aside-th-background);
  --dm-color-aside-even-background: var(--color-primary-background);
  --lm-color-aside-even-background: var(--color-primary-background);
  --color-aside-even-background: var(--lm-color-aside-even-background);
  --dm-color-aside-odd-background: #f4ebd1;
  --lm-color-aside-odd-background: #f4ebd1;
  --color-aside-odd-background: var(--lm-color-aside-odd-background);
  --dm-color-aside-odd-text: #303030;
  --lm-color-aside-odd-text: #303030;
  --color-aside-odd-text: var(--lm-color-aside-odd-text);
  --dm-color-aside-even-text: #f4ebd1;
  --lm-color-aside-even-text: #f4ebd1;
  --color-aside-even-text: var(--lm-color-aside-even-text);
  --dm-color-bullet-boxes-background: var(--dm-color-secondary-background);
  --lm-color-bullet-boxes-background: var(--lm-color-secondary-background);
  --color-bullet-boxes-background: var(--lm-color-bullet-boxes-background);
  --dm-color-dot-boxes-background: var(--dm-color-secondary-background);
  --lm-color-dot-boxes-background: var(--lm-color-secondary-background);
  --color-dot-boxes-background: var(--lm-color-dot-boxes-background);
  --lm-color-table-header-background: var(--lm-color-primary-background);
  --dm-color-table-header-background: var(--dm-color-primary-background);
  --color-table-header-background: var(--lm-color-table-header-background);
  --lm-color-pantheon-box-header-background: var(--lm-color-primary-background);
  --dm-color-pantheon-box-header-background: var(--dm-color-primary-background);
  --color-pantheon-box-header-background: var(--lm-color-pantheon-box-header-background);
  --lm-color-pantheon-box-callings-background: var(--lm-color-secondary-background);
  --dm-color-pantheon-box-callings-background: var(--dm-color-secondary-background);
  --color-pantheon-box-callings-background: var(--lm-color-pantheon-box-callings-background);
  --color-featured-header-background: var(--color-primary-background);
  --color-character-box-background-outer: var(--color-primary-background);
  --lm-color-character-box-background-inner: #ccc7bd;
  --dm-color-character-box-background-inner: #615e57;
  --color-character-box-background-inner: var(--lm-color-character-box-background-inner);
  --color-faq-header: white;
  --lm-color-faq-header-background: var(--lm-color-primary-background);
  --dm-color-faq-header-background: var(--dm-color-primary-background);
  --color-faq-header-background: var(--lm-color-faq-header-background);
  --lm-color-faq-background: var(--lm-color-secondary-background);
  --dm-color-faq-background: var(--dm-color-secondary-background);
  --color-faq-background: var(--lm-color-faq-background);
  --lm-color-table-row-odd: #f4f3f0;
  --dm-color-table-row-odd: #565450;
  --color-table-row-odd: var(--lm-color-table-row-odd);
  --lm-color-table-row-even: #d1d0ca;
  --dm-color-table-row-even: #333230;
  --color-table-row-even: var(--lm-color-table-row-even);
  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.dark {
  --color-text: var(--dm-color-text);
  --color-text-heavy: var(--dm-color-text-heavy);
  --color-text-highlighted: var(--dm-color-text-highlighted);
  --color-link: var(--dm-color-link);
  --color-link-hover: var(--dm-color-link-hover);
  --color-autolink-border: var(--dm-color-autolink-border);
  --color-text-dt-strong: var(--dm-color-text-dt-strong);
  --color-h2: var(--dm-color-h2);
  --color-h3: var(--dm-color-h3);
  --color-h4: var(--dm-color-h4);
  --color-h5: var(--dm-color-h5);
  --color-h6: var(--dm-color-h6);
  --color-figcaption: var(--dm-color-figcaption);
  --color-toc-h3: var(--dm-color-toc-h3);
  --color-toc-strong: var(--dm-color-toc-strong);
  --color-dropcap: var(--dm-color-dropcap);
  --color-layout: var(--dm-color-layout);
  --color-aside-background: var(--dm-color-aside-background);
  --color-aside-text: var(--dm-color-aside-text);
  --color-aside-th-background: var(--dm-color-aside-th-background);
  --color-aside-even-background: var(--dm-color-aside-even-background);
  --color-aside-odd-background: var(--dm-color-aside-odd-background);
  --color-aside-odd-text: var(--dm-color-aside-odd-text);
  --color-aside-even-text: var(--dm-color-aside-even-text);
  --color-bullet-boxes-background: var(--dm-color-bullet-boxes-background);
  --color-dot-boxes-background: var(--dm-color-dot-boxes-background);
  --color-table-row-odd: var(--dm-color-table-row-odd);
  --color-table-row-even: var(--dm-color-table-row-even);
  --color-character-box-background-inner: var(--dm-color-character-box-background-inner);
  --color-faq-header-background: var(--dm-color-faq-header-background);
  --color-faq-background: var(--dm-color-faq-background);
  --color-pantheon-box-callings-background: var(--dm-color-pantheon-box-callings-background);
  --color-pantheon-box-header-background: var(--dm-color-pantheon-box-header-background);
  --color-table-header-background: var(--dm-color-table-header-background);
  --color-secondary-background: var(--dm-color-secondary-background);
}
.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");
}

.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent a[name=toc_1] + * {
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent :is(h1, h2, h3, h4, h5, h6, figcaption):not(.esc):first-child {
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent :is(h1, h2, h3, h4, h5, h6, figcaption):not(.esc) a {
  color: currentColor !important;
  border-bottom: none !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent :is(h1, h2, h3, h4, h5, h6, figcaption):not(.esc) a:hover {
  color: currentColor !important;
  text-decoration: none;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent em em {
  font-style: normal;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent :is(a, a.autolink):hover {
  background: inherit;
  color: var(--color-link-hover) !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent a:not(.autolink) {
  color: var(--color-link) !important;
  border-bottom: none !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent a.autolink {
  border-bottom: 1px dotted var(--color-autolink-border) !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent p:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent p strong {
  color: var(--color-text-heavy);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent blockquote {
  margin: 0;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent blockquote:not(:first-child) {
  margin-top: 2em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent blockquote:not(:last-child) {
  margin-bottom: 2em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent :is(ul, ol) {
  padding-left: 2em;
  margin: 0;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent :is(ul, ol):not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent :is(ul, ol):not(:last-child) {
  margin-bottom: 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent :is(ul, ol) strong {
  color: var(--color-text-heavy);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent :is(ul, ol) li {
  padding-left: 0.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent :is(ul, ol) li:not(:last-child) {
  margin-bottom: 0.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent :is(ul, ol) li > :is(ul, ol) {
  padding: 0;
  margin-top: 0.5em !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent :is(ul, ol) li > :is(ul, ol) li {
  padding: 0 0 0 1.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent dl {
  padding: 0 1em;
  margin: 0;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent dl:not(:first-child) {
  margin-top: 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent dl:not(:last-child) {
  margin-bottom: 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent dt {
  color: var(--color-text-dt-strong);
  font-family: var(--font-featured-body);
  font-weight: 400;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent dt:not(:last-child) {
  margin-bottom: 0.25em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent dt, .content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent dd {
  line-height: 1.4;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent figure:not(:first-child) {
  margin-top: 2em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent figure:not(:last-child) {
  margin-bottom: 2em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent figcaption + table {
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent table {
  font-size: inherit !important;
  margin-bottom: 0 !important;
  width: 100%;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent table:not(:first-child) {
  margin-top: 2em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent table:not(:last-child) {
  margin-bottom: 2em !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent :is(td, th) {
  font-size: 0.875em;
  border: none;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent :is(td, th):not(:last-child) {
  padding-right: 1em !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent td {
  font-family: var(--font-td);
  padding: 0.45em 0.5em 0.25em !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent tbody tr:nth-child(odd) {
  background: var(--color-table-row-odd);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent tbody tr:nth-child(even) {
  background: var(--color-table-row-even);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=toc] + * > div a:nth-child(2) + * {
  margin-top: 0 !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=toc] + * > div * {
  line-height: 1;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=toc] + * > div ul {
  list-style: none;
  padding-left: 0.75em;
  margin: 0 !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=toc] + * > div li {
  margin: 0;
  padding-left: 0;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=toc] + * > div li :is(h4, h5) {
  margin: 0;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=toc] + * > div li :is(h4, h5) > :is(a, span) {
  display: block;
  padding: 8px 0;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=toc] + * > div li * {
  font-size: 1em;
  text-transform: none;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=toc] + * > div li *:not(:is(strong)) {
  font-weight: 400;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=toc] + * > div li h4 {
  font-family: var(--font-toc-h4);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=toc] + * > div li ul h5 {
  font-style: italic;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=toc] + * > div li strong {
  color: var(--color-toc-strong);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*="66%"] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*="50%"] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*="33%"] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=centered] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=uppercase] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=uppercase] + a[name] + a[name] + :is(h1, h2, h3, h4, h5) {
  text-transform: uppercase;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=indent-05] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=indent-10] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=indent-15] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=text-justify] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=font-size-09] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=font-size-08] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=font-size-07] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=display-block] + * {
  display: block;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=font-weight-400] + * {
  font-weight: 400;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=font-weight-700] + * {
  font-weight: 700;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=clearfix] {
  display: block;
  clear: both;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=circle-shape] + * {
  shape-outside: circle(50%);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=transform-flip-x] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=two-columns] + * {
    column-count: 2;
    column-gap: 2em;
  }
}
@media (min-width: 768px) {
  .content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=responsive-float-right] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=responsive-float-right] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=responsive-float-right] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=dot-boxes] + div:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=dot-boxes] + div:not(:last-child) {
  margin-bottom: 0.75em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=dot-boxes] + div > div {
  display: flex;
  padding: 0.5em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=dot-boxes] + div > div:nth-child(odd) {
  background: var(--color-dot-boxes-background);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=dot-boxes] + div > div > :first-child {
  flex-shrink: 0;
  min-width: 4em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=dot-boxes] + div > div > :last-child {
  flex-grow: 1;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=alternating-boxes] + * {
  list-style-position: inside;
  padding: 0;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=alternating-boxes] + *:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=alternating-boxes] + * > li:nth-child(odd) {
  background: var(--color-bullet-boxes-background);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=alternating-boxes] + *:is(ul) > li {
  text-indent: -1.35em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=alternating-boxes] + * ul * {
  color: var(--color-text-highlighted) !important;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=alternating-boxes] + *:is(ol) > li {
  position: relative;
  list-style: none;
  counter-increment: custom;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=alternating-boxes] + *:is(ol) > li:first-child {
  counter-reset: custom;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=font-alternative] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=faq-box] + div:not(:first-child) {
  margin-top: 0.75em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=faq-box] + div:not(:last-child) {
  margin-bottom: 0.75em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #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]:is([data-expansionid="25374"]) #pagecontent:not(.xyz) span[title*=faq-box] + div > div * {
  font-family: var(--font-faq-content);
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent h1:not(.esc) > div > * {
  display: block;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent blockquote * {
  color: currentColor;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]):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="25374"]):is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside:not(:first-child) {
  margin-top: 2em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]):is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside:not(:last-child) {
  margin-bottom: 2em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside :is(th, td) {
  font-size: 0.875em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]):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="25374"]):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="25374"]):is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent aside th > span, .content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent img[alt=skull] {
  vertical-align: baseline;
  height: 1em;
}
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):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="25374"]):is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-gradient-border] + *,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]):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="25374"]):is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-gradient-border] + *:not(:first-child),
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]):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="25374"]):is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-gradient-border] + *:not(:last-child),
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]):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="25374"]):is([data-expansionid="12522"], [data-expansionid="12523"]) #pagecontent span[title*=scion-gradient-border] + * img,
.content-text[data-bookid=Scion2e]:is([data-expansionid="25374"]):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="25374"]):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 .br-toc-column {
  -webkit-column-width: 290px;
     -moz-column-width: 290px;
          column-width: 290px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.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"]) .primarycontentcontainer {
  --color-surface1: rgba(255, 255, 255, .7);
  padding-top: 20px;
}
html:has(.content-text[data-bookid="Blade Runner RPG"]) h1:first-of-type {
  display: none;
}
html:has(.content-text[data-bookid="Blade Runner RPG"]):not([data-theme=dark]) img[alt="Alcon logo"], html:has(.content-text[data-bookid="Blade Runner RPG"]):not([data-theme=dark]) img[alt="Free League logo"] {
  -webkit-filter: invert(1);
          filter: invert(1);
}
html:has(.content-text[data-bookid="Blade Runner RPG"]) div:has(> a[href="#attributes"]) {
  background-color: transparent !important;
}

html[data-theme=dark]:has(.content-text[data-bookid="Blade Runner RPG"]) .primarycontentcontainer {
  --color-surface1: rgba(50, 50, 50, .7);
  --color-grayscale1: #E9E8E9;
}
html[data-theme=dark]: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);
}

/* Girl by Moonlight */
.content-text[data-bookid="gbm"] h1,
.content-text[data-bookid="gbm"] h2,
.content-text[data-bookid="gbm"] h3,
.content-text[data-bookid="gbm"] h4,
.content-text[data-bookid="gbm"] h5 {
  font-family: 'Kufam', sans-serif;
    font-weight: 900;
}

/* Dragonbone */
.row:has(.content-text[data-bookid=D-Bane]) {
  --dragonbane-img-background-trunk: url(https://files.d20.io/images/340967489/C9RG1IgH0wtT-WzHnUp0IQ/original.webp?168357376655);
  background: var(--dragonbane-img-background-trunk);
  background-repeat: repeat-y;
  background-size: 100%;
}

.content-text[data-bookid=D-Bane] #pagecontent {
  --dragonbane-font-main: "Galdeano", sans-serif;
  --dragonbane-font-title: "Rakkas", sans-serif;
  --dragonbane-font-header: "Alegreya";
  --dragonbane-font-icon: "Material Symbols Outlined";
  --dragonbane-col-green: #01604c;
  --dragonbane-col-brown: #4d2d1a;
  --dragonbane-col-tone: rgba(126, 68, 55, 0.1);
  --dragonbane-col-text: #231f20;
  --dragonbane-col-text-alt: rgb(235, 235, 235);
  --dragonbane-img-image-border: url(https://s3.amazonaws.com/files.d20.io/images/343287836/ge8dzkLRLA3d9URHYUXTKg/original.jpg);
  --dragonbane-img-magi: url(https://s3.amazonaws.com/files.d20.io/images/343288521/uCBClGSKiOKHccBTde0dFw/original.jpg);
  --dragonbane-marble-background: url(https://files.d20.io/images/343375502/1Mx9hmtixkCxZQd2_A87bw/original.webp?168505191155);
  --dragonbane-parchment-background: url(https://s3.amazonaws.com/files.d20.io/images/346997005/vZCKTnIkyyg87ihYA4IgRA/original.png);
  --dragonbane-marble-rod-border: url(https://s3.amazonaws.com/files.d20.io/images/343376680/dOBeDttyeYlW1FL5NTBQhg/original.jpg);
  --dragonbane-marble-rod-border-topless: url(https://s3.amazonaws.com/files.d20.io/images/343385384/9rEJA5rGakVaYmOJ-vMtcQ/original.jpg);
  --dragonbane-marble-bar: url(https://s3.amazonaws.com/files.d20.io/images/343376731/se7QX7vMl30Koj3N9qQE2A/original.jpg);
  --dragonbane-img-cap-1: url(https://s3.amazonaws.com/files.d20.io/images/337877070/pvNpZQTaXC-LkJZLav1fVw/original.png?16817739755);
  --dragonbane-img-cap-2: url(https://s3.amazonaws.com/files.d20.io/images/337877066/iZrp6qCQVq4H0VU8CAIWZw/original.webp?16817739755);
  --dragonbane-img-edgedeco-left: url(https://s3.amazonaws.com/files.d20.io/images/338034574/K-lsu5ZtSRl0Jvj1Oa3uqA/original.webp?168187141855);
  --dragonbane-img-edgedeco-right: url(https://s3.amazonaws.com/files.d20.io/images/338034573/VLRMrtGjq09bXlfCvHy0Vw/original.webp?168187141855);
  --dragonbane-img-edgedeco-center-lg: url(https://s3.amazonaws.com/files.d20.io/images/338034577/Cy2LOHQBTaONvhqIyvH2zg/original.webp?168187141955);
  --dragonbane-img-edgedeco-center-sm: url(https://s3.amazonaws.com/files.d20.io/images/338034576/7f94Bbgpd9nP0SB060ousg/original.webp?16818714185);
  --dragonbane-img-edge-deco-line: url(https://s3.amazonaws.com/files.d20.io/images/338034575/cr2dJkVN21XZ0ejSZKI0rA/original.webp?168187141955);
  --dragonbane-img-center-nut: url(https://s3.amazonaws.com/files.d20.io/images/343376778/rgGrLzTQiyXNZV3up38Pug/original.jpg);
  --dragonbane-img-hr: url(https://s3.amazonaws.com/files.d20.io/images/344035093/LZs9xLaQhFlITLRSIKEkdA/original.jpg);
  --dragonbane-image-plate: url(https://s3.amazonaws.com/files.d20.io/images/346989343/TJSX7T1xQ-i0qoT_ykRMRg/original.png);
  --dragonbane-drop-shadow: drop-shadow(0 0 3px rgba(0,0,0,1));
  --dropcap-w: url(https://s3.amazonaws.com/files.d20.io/images/346982186/3t3sG7VkmTKhBaHR1b05Ug/med.png?1687291288);
  --dropcap-t: url(https://s3.amazonaws.com/files.d20.io/images/346983221/DbdT6FdRKxRmXcmc7rHLuA/med.png?1687291872);
  --dropcap-a: url(https://s3.amazonaws.com/files.d20.io/images/346983225/ELT7uwDPnXFtujsQLoJqzw/med.png?1687291872);
  --dropcap-s: url(https://s3.amazonaws.com/files.d20.io/images/346983226/p3ZAWrjsbofm9wtzya6lNw/med.png?1687291872);
  --dropcap-l: url(https://s3.amazonaws.com/files.d20.io/images/346983227/L70soqW775jxkvVhUZMTBA/med.png?1687291872);
  --dropcap-d: url(https://s3.amazonaws.com/files.d20.io/images/346983228/4PLoNGOImRSZNzGPl-5U0w/med.png?1687291873);
  font-family: var(--dragonbane-font-main);
  color: var(--dragonbane-col-text);
  position: relative;
  padding: 2rem;
  font-size: 16px;
}
.content-text[data-bookid=D-Bane] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-bookid=D-Bane] #pagecontent ::-webkit-scrollbar-track {
  background: var(--dragonbane-col-text);
}
.content-text[data-bookid=D-Bane] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--dragonbane-col-green);
}
.content-text[data-bookid=D-Bane] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-bookid=D-Bane] #pagecontent div.dragonbane-image-border {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin: 3rem auto;
  -webkit-filter: var(--dragonbane-drop-shadow);
          filter: var(--dragonbane-drop-shadow);
}
.content-text[data-bookid=D-Bane] #pagecontent div.dragonbane-image-border::before {
  position: absolute;
  content: "";
  inset: 0;
  border: 2px solid gold;
  -o-border-image: var(--dragonbane-img-image-border);
     border-image: var(--dragonbane-img-image-border);
  border-image-slice: 500;
  border-image-width: 130px;
  border-image-outset: 20px;
  border-image-repeat: repeat;
}
.content-text[data-bookid=D-Bane] #pagecontent h1:has(+ div.dragonbane-image-border) {
  position: relative;
  display: -ms-grid;
  display: grid;
  place-content: center;
  background: var(--dragonbane-image-plate) no-repeat;
  background-size: contain;
  background-position: center;
  height: 4em;
  min-width: 12em;
  padding-top: 1em;
  color: white;
  margin-bottom: -2.25em;
  z-index: 99;
  -webkit-filter: var(--dragonbane-drop-shadow);
          filter: var(--dragonbane-drop-shadow);
}
@media screen and (max-width: 600px) {
  .content-text[data-bookid=D-Bane] #pagecontent h1:has(+ div.dragonbane-image-border) {
    min-width: 14em;
    font-size: 2em;
  }
}
.content-text[data-bookid=D-Bane] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}
.content-text[data-bookid=D-Bane] #pagecontent img[class^=dragonbane-float] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  mix-blend-mode: darken;
}
.content-text[data-bookid=D-Bane] #pagecontent img[class^=dragonbane-float][class*=left] {
  float: left;
  margin: 0 -2rem;
  width: 50%;
}
.content-text[data-bookid=D-Bane] #pagecontent img[class^=dragonbane-float][class*=right] {
  float: right;
  margin: 0 -2rem;
  width: 50%;
}
.content-text[data-bookid=D-Bane] #pagecontent h1, .content-text[data-bookid=D-Bane] #pagecontent h2 {
  text-transform: uppercase;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  color: var(--dragonbane-col-text);
}
.content-text[data-bookid=D-Bane] #pagecontent h1 span, .content-text[data-bookid=D-Bane] #pagecontent h2 span {
  font-size: 0.75em;
}
.content-text[data-bookid=D-Bane] #pagecontent h1 {
  position: relative;
  width: 70%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: var(--dragonbane-font-title);
  font-size: 3em;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--dragonbane-col-green);
  text-align: center;
  margin: 1rem 0;
  line-height: 1;
}
.content-text[data-bookid=D-Bane] #pagecontent h1.pagetitle {
  display: none;
}
.content-text[data-bookid=D-Bane] #pagecontent h2 {
  font-family: var(--dragonbane-font-header);
  margin: 0;
  margin-top: 1em;
  line-height: 1;
  font-size: 1.25em;
  font-weight: bold;
}
.content-text[data-bookid=D-Bane] #pagecontent h2 + p {
  text-indent: 0;
}
.content-text[data-bookid=D-Bane] #pagecontent h2.dragonbane-scroll {
  position: relative;
  width: calc(100% - 6em);
  max-width: 500px;
  margin: 0 auto;
  padding: 0.5em 2em;
  line-height: 1;
  background: var(--dragonbane-marble-bar);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-weight: normal;
  text-align: center;
  color: var(--dragonbane-col-text-alt);
  -webkit-filter: var(--dragonbane-drop-shadow);
          filter: var(--dragonbane-drop-shadow);
}
.content-text[data-bookid=D-Bane] #pagecontent h2.dragonbane-scroll::before, .content-text[data-bookid=D-Bane] #pagecontent h2.dragonbane-scroll::after {
  --dragonbane-offset: -3em;
  position: absolute;
  content: "";
  height: 100%;
  aspect-ratio: 2/1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: var(--dragonbane-img-edgedeco-left);
  background-repeat: no-repeat;
  background-size: contain;
}
.content-text[data-bookid=D-Bane] #pagecontent h2.dragonbane-scroll::before {
  left: var(--dragonbane-offset);
  background-position: right;
}
.content-text[data-bookid=D-Bane] #pagecontent h2.dragonbane-scroll::after {
  right: var(--dragonbane-offset);
  background-position: left;
  scale: -1 1;
}
.content-text[data-bookid=D-Bane] #pagecontent h3 {
  font-family: var(--dragonbane-font-main);
  margin: 0;
  margin-top: 1em;
  line-height: 1;
  font-size: 1.1em;
  font-weight: bold;
}
.content-text[data-bookid=D-Bane] #pagecontent h3 + ul, .content-text[data-bookid=D-Bane] #pagecontent h3 + ol {
  margin-top: 0;
}
.content-text[data-bookid=D-Bane] #pagecontent hr {
  overflow: visible;
  position: relative;
  bottom: 1.5em;
  border: 1px solid black;
  -o-border-image: var(--dragonbane-marble-rod-border-topless);
     border-image: var(--dragonbane-marble-rod-border-topless);
  border-image-slice: 50;
  border-image-width: 40px;
  border-image-outset: 40px;
  margin: 1em auto;
  height: 1.5rem;
  width: 60%;
  -webkit-filter: var(--dragonbane-drop-shadow);
          filter: var(--dragonbane-drop-shadow);
}
.content-text[data-bookid=D-Bane] #pagecontent hr::after {
  position: absolute;
  content: "";
  width: 2.5em;
  height: 2.5em;
  left: 50%;
  top: 0.75em;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: var(--dragonbane-img-center-nut) no-repeat center;
  background-size: contain;
}
.content-text[data-bookid=D-Bane] #pagecontent aside hr {
  position: static;
  border: 0;
  background: var(--dragonbane-img-hr) no-repeat;
  background-size: contain;
  background-position: center;
}
.content-text[data-bookid=D-Bane] #pagecontent aside hr::after {
  content: none;
}
.content-text[data-bookid=D-Bane] #pagecontent p, .content-text[data-bookid=D-Bane] #pagecontent li {
  font-family: var(--dragonbane-font-main);
  color: var(--dragonbane-col-text);
}
.content-text[data-bookid=D-Bane] #pagecontent p {
  margin-bottom: 0;
}
.content-text[data-bookid=D-Bane] #pagecontent p:where(:not(:first-of-type)) {
  text-indent: 2rem;
}
.content-text[data-bookid=D-Bane] #pagecontent p:has(strong), .content-text[data-bookid=D-Bane] #pagecontent p:has(b) {
  text-indent: 0;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop] {
  --letter: var(--dropcap-a);
  background: var(--letter);
  background-position: center bottom;
  background-size: cover;
  float: left;
  position: relative;
  width: 3em;
  aspect-ratio: 1/1.2;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=a] {
  --letter: var(--dropcap-a);
  width: 4em;
  aspect-ratio: 1/1;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=b] {
  --letter: var(--dropcap-b);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=c] {
  --letter: var(--dropcap-c);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=d] {
  --letter: var(--dropcap-d);
  width: 4em;
  aspect-ratio: 1/1;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=e] {
  --letter: var(--dropcap-e);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=f] {
  --letter: var(--dropcap-f);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=g] {
  --letter: var(--dropcap-g);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=h] {
  --letter: var(--dropcap-h);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=i] {
  --letter: var(--dropcap-i);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=j] {
  --letter: var(--dropcap-j);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=k] {
  --letter: var(--dropcap-k);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=l] {
  --letter: var(--dropcap-l);
  aspect-ratio: 1/1.3;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=m] {
  --letter: var(--dropcap-m);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=n] {
  --letter: var(--dropcap-n);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=o] {
  --letter: var(--dropcap-o);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=p] {
  --letter: var(--dropcap-p);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=q] {
  --letter: var(--dropcap-q);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=r] {
  --letter: var(--dropcap-r);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=s] {
  --letter: var(--dropcap-s);
  aspect-ratio: 1/1.3;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=t] {
  --letter: var(--dropcap-t);
  width: 3.3em;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=u] {
  --letter: var(--dropcap-u);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=v] {
  --letter: var(--dropcap-v);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=w] {
  --letter: var(--dropcap-w);
  width: 6em;
  aspect-ratio: 1/0.65;
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=x] {
  --letter: var(--dropcap-x);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=y] {
  --letter: var(--dropcap-y);
}
.content-text[data-bookid=D-Bane] #pagecontent [class^=drop][class$=z] {
  --letter: var(--dropcap-z);
}
.content-text[data-bookid=D-Bane] #pagecontent ul, .content-text[data-bookid=D-Bane] #pagecontent ol {
  list-style-position: inside;
  padding-left: 0;
  line-height: 1.4;
  margin: 1rem 0;
}
.content-text[data-bookid=D-Bane] #pagecontent ul li, .content-text[data-bookid=D-Bane] #pagecontent ol li {
  counter-increment: li;
  margin-bottom: 0;
  position: relative;
  text-indent: 0;
}
.content-text[data-bookid=D-Bane] #pagecontent ul li dt, .content-text[data-bookid=D-Bane] #pagecontent ol li dt {
  margin-top: 0;
  color: var(--dragonbane-col-green);
}
.content-text[data-bookid=D-Bane] #pagecontent ul li:not(:first-line), .content-text[data-bookid=D-Bane] #pagecontent ol li:not(:first-line) {
  text-indent: 2em;
}
.content-text[data-bookid=D-Bane] #pagecontent ul li {
  list-style-position: outside;
  padding-left: 0.5em;
  margin-left: 1em;
}
.content-text[data-bookid=D-Bane] #pagecontent ul li::marker {
  content: "✦";
  font-family: var(--dragonbane-font-icon);
  color: var(--dragonbane-col-green);
}
.content-text[data-bookid=D-Bane] #pagecontent dt {
  display: inline-block;
  margin-top: 1em;
  margin-right: 0.2em;
}
.content-text[data-bookid=D-Bane] #pagecontent dd {
  display: inline;
  margin: 0;
  font-weight: normal;
}
.content-text[data-bookid=D-Bane] #pagecontent dt + p {
  display: inline;
}
.content-text[data-bookid=D-Bane] #pagecontent strong {
  font-weight: bold;
  text-transform: uppercase;
  font-variant: all-small-caps;
  font-size: 1.2em;
  line-height: 1;
}
.content-text[data-bookid=D-Bane] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-bookid=D-Bane] #pagecontent table {
  width: 100%;
  border: none;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  color: var(--dragonbane-col-brown);
  font-size: 0.8em !important;
  overflow-x: auto;
}
.content-text[data-bookid=D-Bane] #pagecontent table h2 {
  font-family: var(--dragonbane-font-main);
  font-size: 1.5em;
}
.content-text[data-bookid=D-Bane] #pagecontent table thead {
  border-bottom: 2px solid var(--dragonbane-col-brown);
}
.content-text[data-bookid=D-Bane] #pagecontent table th {
  text-transform: uppercase;
  vertical-align: top;
  font-size: 0.8em;
  font-family: var(--dragonbane-font-header);
}
.content-text[data-bookid=D-Bane] #pagecontent table tbody tr:nth-of-type(odd) {
  background: var(--dragonbane-col-tone);
  border: 1px solid var(--dragonbane-col-brown);
  border-width: 1px 0;
}
.content-text[data-bookid=D-Bane] #pagecontent table td, .content-text[data-bookid=D-Bane] #pagecontent table th {
  border: none;
  font-family: var(--dragonbane-font-main);
  padding: 5px;
}
.content-text[data-bookid=D-Bane] #pagecontent table dt {
  margin: 0;
}
.content-text[data-bookid=D-Bane] #pagecontent table.center th, .content-text[data-bookid=D-Bane] #pagecontent table.center td {
  text-align: center;
}
.content-text[data-bookid=D-Bane] #pagecontent aside {
  all: unset;
  display: block;
  clear: both;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 3em 3em 2em 3em;
  width: 100%;
  margin: 2em auto 2em auto;
  color: var(--dragonbane-col-brown);
  --dragonbane-col-text: var(--dragonbane-col-brown);
  --dragonbane-col-green: var(--dragonbane-col-brown);
  border: 1px solid black;
  -o-border-image: var(--dragonbane-parchment-background);
     border-image: var(--dragonbane-parchment-background);
  border-image-slice: 70 fill;
  border-image-width: 40px;
  border-image-repeat: round;
  border-image-outset: 15px;
  -webkit-filter: var(--dragonbane-drop-shadow);
          filter: var(--dragonbane-drop-shadow);
}
.content-text[data-bookid=D-Bane] #pagecontent aside:has(h2) {
  padding-top: 1.75em;
}
.content-text[data-bookid=D-Bane] #pagecontent aside[class*=float] {
  width: 50%;
}
.content-text[data-bookid=D-Bane] #pagecontent aside[class*=float][class*=left] {
  float: left;
  margin-right: 1em;
}
.content-text[data-bookid=D-Bane] #pagecontent aside[class*=float][class*=right] {
  float: right;
  margin-left: 1em;
}
.content-text[data-bookid=D-Bane] #pagecontent aside ul, .content-text[data-bookid=D-Bane] #pagecontent aside li, .content-text[data-bookid=D-Bane] #pagecontent aside table, .content-text[data-bookid=D-Bane] #pagecontent aside dt {
  margin: 0 !important;
}
.content-text[data-bookid=D-Bane] #pagecontent aside::before {
  position: absolute;
  inset: 0;
  content: "";
  -o-border-image: var(--dragonbane-marble-rod-border);
     border-image: var(--dragonbane-marble-rod-border);
  border-image-slice: 45;
  border-image-width: 40px;
  border-image-outset: 20px;
  z-index: -2;
}
.content-text[data-bookid=D-Bane] #pagecontent aside:not(:has(h2)) {
  margin-top: 0em;
}
.content-text[data-bookid=D-Bane] #pagecontent aside:not(:has(h2))::before {
  border-image-source: var(--dragonbane-marble-rod-border-topless);
  background-position: center -10px;
  margin-top: 0;
}
.content-text[data-bookid=D-Bane] #pagecontent aside:not(:has(h2))::after {
  background-image: var(--dragonbane-img-edgedeco-center-sm);
  bottom: -2em;
}
.content-text[data-bookid=D-Bane] #pagecontent aside::after {
  position: absolute;
  bottom: -1.2em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  background: var(--dragonbane-img-center-nut);
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.5em;
  aspect-ratio: 1;
  z-index: -1;
}
.content-text[data-bookid=D-Bane] #pagecontent aside h2 {
  position: absolute;
  margin: 0;
  padding: 1em 1.5em;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 1;
  background: var(--dragonbane-marble-bar);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-weight: normal;
  font-size: 1em;
  text-align: center;
  color: var(--dragonbane-col-text-alt);
}
.content-text[data-bookid=D-Bane] #pagecontent aside h2::before, .content-text[data-bookid=D-Bane] #pagecontent aside h2::after {
  position: absolute;
  content: "";
  height: 100%;
  aspect-ratio: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: var(--dragonbane-img-cap-1);
  background-repeat: no-repeat;
  background-size: contain;
}
.content-text[data-bookid=D-Bane] #pagecontent aside h2::before {
  left: -2em;
  background-position: right;
}
.content-text[data-bookid=D-Bane] #pagecontent aside h2::after {
  right: -2em;
  background-position: left;
  scale: -1 1;
}
.content-text[data-bookid=D-Bane] #pagecontent aside.dragonbane-marble {
  border-image-source: var(--dragonbane-marble-rod-border);
  border-image-outset: 20px;
  border-image-slice: 45 fill;
  background-image: var(--dragonbane-marble-background);
  background-position: center -105%;
  background-size: 102%;
  background-repeat: repeat-y;
  max-width: 50em;
  font-weight: normal;
  color: var(--dragonbane-col-text-alt);
  --dragonbane-col-text: var(--dragonbane-col-text-alt);
  --dragonbane-col-green: var(--dragonbane-col-text-alt);
}
.content-text[data-bookid=D-Bane] #pagecontent aside.dragonbane-marble h2 {
  width: calc(100% - 10em);
  max-width: 500px;
  padding: 1em;
  background-size: cover;
}
.content-text[data-bookid=D-Bane] #pagecontent aside.dragonbane-marble::after {
  background-image: var(--dragonbane-img-edgedeco-center-lg);
  bottom: -1.5em;
  width: 16em;
  height: 3.5em;
}

/* Paranoia */
.content-text[data-bookid="Paranoia"] h1,
.content-text[data-bookid="Paranoia"] h2,
.content-text[data-bookid="Paranoia"] h3,
.content-text[data-bookid="Paranoia"] h4,
.content-text[data-bookid="Paranoia"] h5
{
  font-family: "Courier", monospace;
}
.content-text[data-bookid="Paranoia"] p,
.content-text[data-bookid="Paranoia"] {
  font-family: "Arial", sans-serif;
}

.content-text[data-bookid="Paranoia"] blockquote p {
  color: white;
  padding-bottom: 10px;
  padding-top: 5px;
  font-size: 18px;
  line-height: 1.5em;
}

.content-text[data-bookid="Paranoia"] blockquote {
  border-left: none;
  background: rgb(33, 41, 65);
  margin-top: 15px;
  border-radius: 0 0 20px 20px;
}

.content-text[data-bookid="Paranoia"] .side-comment {
  font-size: 18px;
  background: rgb(33, 41, 65);
  padding: 15px;
  border-radius: 20px;
  color: white;
}

.content-text[data-bookid="Paranoia"] .teelas-tips {
  font-size: 18px;
  background: #F9E3D0;
  padding: 10px;
  border-radius: 20px;
  text-align: center;
}

.content-text[data-bookid="Paranoia"] .read-aloud {
  font-size: 18px;
  background: #D5EEFA;
  padding: 10px;
  border-radius: 20px;
}

.content-text[data-bookid="Paranoia"]
  .attrList
  .attrListItem:nth-child(2n + 1) {
  background-color: #a11d2c;
  color: white;
}

.content-text[data-bookid="Paranoia"] .attrValue .value {
  margin-bottom: 5px;
}

.content-text[data-bookid="Paranoia"] .table > thead > tr > th {
  color: #a11d2c;
  text-align: center;
}

.content-text[data-bookid="Paranoia"] .table tr:last-child {
  border-bottom: 3px solid;
}

.content-text[data-bookid="Paranoia"] .code-snippet {
  background: #d9edfa;
  border-radius: 25px;
  padding: 10px;
  border: 5px dashed #cbccce;
  color: black;
}

/* NPCs Headers */
.content-text[data-bookid="Paranoia"] .npc-grey-header {
  background-color: #c7c8ca;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #c7c8ca;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-yellow-header {
  background-color: #e4d452;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #e4d452;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-orange-header {
  background-color: #e0b877;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #e0b877;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-red-header {
  background-color: #e9997f;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #e9997f;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-green-header {
  background-color: #bcd9a1;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #bcd9a1;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-blue-header {
  background-color: #73c5e3;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #73c5e3;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-indigo-header {
  background-color: #9ea1cc;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #9ea1cc;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-violet-header {
  background-color: #9d93c2;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #9d93c2;
  color: black;
}

/* NPCs Borders */
.content-text[data-bookid="Paranoia"] .npc-grey-border {
  border: 1px #c7c8ca solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-yellow-border {
  border: 1px #e4d452 solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-orange-border {
  border: 1px #e0b877 solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-red-border {
  border: 1px #e9997f solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-green-border {
  border: 1px #bcd9a1 solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-blue-border {
  border: 1px #73c5e3 solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-indigo-border {
  border: 1px #9ea1cc solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-violet-border {
  border: 1px #9d93c2 solid;
  border-radius: 0 0 20px 20px;
  padding: 10px;
}

.content-text[data-bookid="Paranoia"] .blue-wide-noborder-header {
  background: #c0dfe9;
  color: black;
  padding-left: 5px;
}

/* NPCs Headers */
.content-text[data-bookid="Paranoia"] .npc-grey-header {
  background-color: #c7c8ca;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #c7c8ca;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-yellow-header {
  background-color: #e4d452;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #e4d452;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-orange-header {
  background-color: #e0b877;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #e0b877;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-red-header {
  background-color: #e9997f;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #e9997f;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-green-header {
  background-color: #bcd9a1;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #bcd9a1;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-blue-header {
  background-color: #73c5e3;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #73c5e3;
  color: black;
}
.content-text[data-bookid="Paranoia"] .npc-indigo-header {
  background-color: #9ea1cc;
  border-radius: 20px 20px 0 0;
  padding: 5px 5px 5px 15px;
  border: 1px solid #9ea1cc;
  color: black;
}

/* NPCs Borders */
.content-text[data-bookid="Paranoia"] .npc-grey-border {
	border: 1px #c7c8ca solid;
	border-radius: 0 0 20px 20px;
	padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-yellow-border {
	border: 1px #e4d452 solid;
	border-radius: 0 0 20px 20px;
	padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-orange-border {
	border: 1px #e0b877 solid;
	border-radius: 0 0 20px 20px;
	padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-red-border {
  border: 1px #e9997f solid;
	border-radius: 0 0 20px 20px;
	padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-green-border {
  border: 1px #bcd9a1 solid;
	border-radius: 0 0 20px 20px;
	padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-blue-border {
  border: 1px #73c5e3 solid;
	border-radius: 0 0 20px 20px;
	padding: 10px;
}
.content-text[data-bookid="Paranoia"] .npc-indigo-border {
  border: 1px #9ea1cc solid;
	border-radius: 0 0 20px 20px;
	padding: 10px;
}

/* Shield Maidens */
.content-text[data-bookid="sm"] h1,
.content-text[data-bookid="sm"] h2,
.content-text[data-bookid="sm"] h3,
.content-text[data-bookid="sm"] h4,
.content-text[data-bookid="sm"] h5 {
  font-family: 'Cantarell', sans-serif;
}

/* Velvet Generation */
.content-text[data-bookid="velvet"] * {
  font-family: 'Dosis', sans-serif;
  font-weight: 300;
}

.content-text[data-bookid="velvet"] h1,
.content-text[data-bookid="velvet"] h2,
.content-text[data-bookid="velvet"] h3,
.content-text[data-bookid="velvet"] h4,
.content-text[data-bookid="velvet"] h5 {
  font-family: 'Exo 2', sans-serif;
  font-weight: 700;
}

/* Cthulhu Awakens */
.content-text[data-bookid="CA"] * {
  font-family: 'GFS Didot', sans-serif;
}

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

/* Add for this expansion as well? (CSC-2149) */
.content-text[data-expansionid="23149"] * {
  font-family: 'GFS Didot', sans-serif;
}

.content-text[data-expansionid="23149"] h1,
.content-text[data-expansionid="23149"] h2,
.content-text[data-expansionid="23149"] h3,
.content-text[data-expansionid="23149"] h4,
.content-text[data-expansionid="23149"] h5 {
  font-family: 'Trade Winds', sans-serif;
}

/* Deathmatch */
.content-text[data-bookid="deathmatch"] * {
  font-family: 'Arial', sans-serif;
}

.content-text[data-bookid="deathmatch"] h1,
.content-text[data-bookid="deathmatch"] h2,
.content-text[data-bookid="deathmatch"] h3,
.content-text[data-bookid="deathmatch"] th {
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  color: #ff4a0d;
}

/* Stewpot */
.content-text[data-expansionid="26134"] h1 {
  font-family: 'Almendra';
  font-weight: 700;
  color: #9a9e5d;
}

.content-text[data-expansionid="26134"] h2 {
  font-family: 'Fondamento';
  color: #f89e5d;
}

.content-text[data-expansionid="26134"] h3 {
  font-family: 'Alegreya';
  font-weight: 800;
  text-transform: capitalize;
  color: #fece71;
}

.content-text[data-expansionid="26134"] th {
  font-family: 'Alegreya';
  font-weight: 800;
  text-transform: capitalize;
  color: #6d4633;
}

/* Drakkenheim */
html[data-theme=dark] .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent {
  --scg2d-primary-color: #b3b3b3;
  --scg2d-c-green: #9ac1b7;
  --scg2d-c-purple: #beb8e0;
  --scg2d-c-lineart: #908da5;
  --scg2d-c-prose: #b9bcda;
  --scg2d-c-aside-bg: #2b2b2b;
  --scg2d-c-aside-deco: #a19eb3;
  --scg2d-c-aside-heading: #b9bcda;
  --scg2d-c-thead-text: rgb(255 255 255 / 95%);
  --scg2d-c-thead-bg: #67637e;
  --scg2d-c-tbody-text: rgb(255 255 255 / 75%);
  --scg2d-c-table-lineart: #67637e;
  --scg2d-c-table-row-odd-bg: rgb(239 237 237 / 7%);
  --scg2d-c-table-row-even-bg: rgb(194 202 195 / 15%);
  --scg2d-c-radius-chamfer-bg: #2b2b2b;
  --scg2d-c-radius-chamfer-text: #b9bcda;
  --scg2d-color-link: var(--color-primary6);
  --scg2d-color-link-hover: var(--color-primary-hover);
  --scg2d-h1-before-filter: saturate(0.9) brightness(0.95);
  --scg2d-h2-before-filter: saturate(0.9) brightness(0.95);
  --scg2d-hr-filter: invert(1);
  --scg2d-list-bullet-filter: brightness(2.25);
  --scg2d-blockquote-parchment: saturate(0.2) brightness(0.35);
  --scg2d-monster-divider-filter: brightness(0.9);
}
html[data-theme=dark] .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent strong {
  color: #ccc;
}

.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent {
  --scg2d-ff-system: "-apple-system", "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --scg2d-ff-heading: "Almendra SC", Cambria, Copperplate, "Copperplate Gothic Light", fantasy, serif;
  --scg2d-ff-secondary: "Helvetica Neue", Arial, var(--scg2d-ff-system);
  --scg2d-fs-normal: clamp(16px, 0.5333333333vw + 14px, 18px);
  --scg2d-fs-smaller: clamp(14px, 0.5333333333vw + 12px, 16px);
  --scg2d-fs-table: clamp(12px, 0.5333333333vw + 10px, 14px);
  --scg2d-fs-monster: clamp(12px, 0.5333333333vw + 10px, 14px);
  --scg2d-c-purple: #291254;
  --scg2d-c-green: #1c2f29;
  --scg2d-c-heading: var(--scg2d-c-purple);
  --scg2d-c-sub-heading: var(--scg2d-c-green);
  --scg2d-c-lineart: #351163;
  --scg2d-c-prose: #351163;
  --scg2d-c-aside-bg: whitesmoke;
  --scg2d-c-aside-deco: #441a66;
  --scg2d-c-aside-heading: var(--scg2d-c-purple);
  --scg2d-c-thead-text: whitesmoke;
  --scg2d-c-thead-bg: #351163;
  --scg2d-c-table-lineart: #351163;
  --scg2d-c-table-row-odd-bg: #efeded;
  --scg2d-c-table-row-even-bg: #c2cac3;
  --scg2d-c-radius-chamfer-bg: whitesmoke;
  --scg2d-c-radius-chamfer-text: #351163;
  --scg2d-color-link: hsl(310 55% 42%);
  --scg2d-color-link-hover: hsl(310 55% 55%);
  font-family: var(--scg2d-primary-font-family, Georgia, serif);
  color: var(--scg2d-primary-color, var(--color-grayscale1));
  font-size: var(--scg2d-fs-normal);
  line-height: 1.5;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent :where(p, .scg2d-aside, .scg2d-blockquote, .scg2d-h1, .scg2d-h2, .scg2d-h3, .scg2d-h4, .scg2d-h5, .scg2d-h6, .scg2d-table td, .scg2d-table th) {
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: initial;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent :where(.scg2d-h1, .scg2d-h2, .scg2d-h3, .scg2d-h4, .scg2d-h5, .scg2d-h6) :is(a, a.autolink) {
  color: inherit;
  border-bottom: none;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent :where(.scg2d-h1, .scg2d-h2, .scg2d-h3, .scg2d-h4, .scg2d-h5, .scg2d-h6) :is(a, a.autolink):hover {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  border-bottom: none;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent p {
  margin-bottom: 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent p:not(:last-child) {
  margin-bottom: 1.25em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent a {
  color: var(--scg2d-color-link);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent a:hover {
  color: var(--scg2d-color-link-hover);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent hr.scg2d-hr {
  display: block;
  background: url("https://s3.amazonaws.com/files.d20.io/images/380568072/KZgVJpML0_i1vzW8AwyXwg/original.png?1708139374") top/contain no-repeat;
  margin-top: 2.5em;
  margin-bottom: 2.5em;
  border: none;
  height: min(20px, 4vw);
  filter: var(--scg2d-hr-filter);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent hr.scg2d-monster-divider {
  height: 2px;
  border: 1px solid var(--scg2d-c-lineart);
  border-width: 3px 0 1px;
  margin: 0.75em 0;
  clip-path: polygon(0 0, calc(100% - 16px) 0%, 100% 50%, calc(100% - 12px) 100%, 0 100%);
  filter: var(--scg2d-monster-divider-filter);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-toc {
  clear: both;
  container-type: inline-size;
  line-height: 1.5;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-toc :where(ol, ul) {
  list-style: none;
  padding: 0;
}
@container (min-width: 640px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-toc :where(ol, ul) {
    column-gap: 2em;
    columns: 2;
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-toc li {
  margin: 0;
  break-inside: avoid;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-toc a {
  display: inline-block;
  color: inherit;
  padding: 0.25em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-toc-lv1 {
  color: var(--scg2d-c-purple) !important;
  font-weight: 700;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-toc-lv2 {
  color: var(--scg2d-c-green) !important;
  font-weight: 700;
  padding-left: 0.75em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-toc-lv3 {
  padding-left: 1.5em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent :where(.scg2d-h1, .scg2d-h2, .scg2d-h3, .scg2d-h4, .scg2d-h5, .scg2d-h6) {
  color: var(--scg2d-c-heading);
  font-family: var(--scg2d-ff-heading);
  line-height: 1.2;
  letter-spacing: -0.03em;
  word-spacing: 0.15em;
  -webkit-text-stroke: 0.03em currentColor;
  margin: 1.6em 0 0.45em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent :where(.scg2d-h1, .scg2d-h2) {
  clear: both;
  container-type: inline-size;
  color: #351163;
  line-height: 0.8;
  text-align: center;
  max-width: 750px;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent :where(.scg2d-h1, .scg2d-h2) > div {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent :where(.scg2d-h1, .scg2d-h2) > div::before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h1 {
  margin-bottom: 2em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h1 > div {
  aspect-ratio: 3.9682539683/1;
}
@container (min-width: 480px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h1 > div {
    aspect-ratio: 5.4545454545/1;
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h1 > div::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: url("https://s3.amazonaws.com/files.d20.io/images/380607705/wWbTB9N8EsAI4_KvBwtAog/original.png?1708167568") top/contain no-repeat;
  filter: var(--scg2d-h1-before-filter);
}
@container (min-width: 480px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h1 > div::before {
    background-image: url("https://s3.amazonaws.com/files.d20.io/images/380557684/cCf4_WkClbGC4vK4zO_28A/original.png?1708134999");
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h1 > div > :where(a, span) {
  position: relative;
  font-size: 5cqw;
  -webkit-text-stroke: 0.03em currentColor;
  padding: 0 22cqw 1.75cqw;
  width: 100%;
  transform: scale(1, 1.5);
}
@container (min-width: 480px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h1 > div > :where(a, span) {
    font-size: 4cqw;
    padding: 0 17cqw 1.75cqw;
    transform: scale(1, 1.75);
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h2 {
  margin: 3.5em 0 1.5em;
  filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h2 > div {
  max-width: fit-content;
  margin: 0 auto;
  min-height: 56px;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h2 > div::before {
  content: "";
  background: url("https://s3.amazonaws.com/files.d20.io/images/380858499/d1mV9UC8oAReutA4qfZGPg/original.png?1708275444") top center/100% 100% no-repeat;
  filter: var(--scg2d-h2-before-filter);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h2 > div > :where(a, span) {
  position: relative;
  font-size: var(--scg2d-h2-fs, clamp(34px, 3.7333333333vw + 20px, 48px));
  padding: 0.45em 1.25em 0.55em;
  width: 100%;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h2.scg2d-h2--smaller {
  --scg2d-h2-fs: clamp(24px, 5.3333333333vw + 4px, 44px);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h3 {
  font-size: var(--scg2d-h3-fs, clamp(30px, 2.6666666667vw + 20px, 40px));
  text-align: center;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h4 {
  font-size: var(--scg2d-h4-fs, clamp(24px, 2.1333333333vw + 16px, 32px));
  padding-bottom: 0.125em;
  border-bottom: 1px solid currentColor;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-h5 {
  color: var(--scg2d-c-sub-heading);
  font-size: var(--scg2d-h5-fs, clamp(22px, 1.8666666667vw + 15px, 29px));
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-list {
  list-style: none;
  padding-left: 24px;
  margin: 1.5em 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-list li {
  position: relative;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-list li::before {
  content: "";
  position: absolute;
  top: 0.4em;
  left: -20px;
  display: block;
  background: url("https://s3.amazonaws.com/files.d20.io/images/381006861/8uyGo3DaTIXMF-PY4n9jEQ/original.png?1708354432") no-repeat top/contain;
  height: 0.6em;
  width: 0.65em;
  filter: var(--scg2d-list-bullet-filter);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-spell-list {
  text-align: center;
  margin: 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-spell-list:not(:last-child) {
  margin-bottom: 1.75em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-spell-list .scg2d-h4 {
  padding: 0;
  margin: 0 0 0.125em;
  border-bottom: none;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-spell-list :is(ul, ol) {
  list-style: none;
  padding: 0;
  margin: 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-aside {
  --scg2d-h3-fs: clamp(27px, 2.4vw + 18px, 36px);
  --scg2d-h4-fs: clamp(22px, 1.6vw + 16px, 28px);
  --scg2d-h5-fs: clamp(18px, 1.6vw + 12px, 24px);
  clear: both;
  position: relative;
  background: var(--scg2d-c-aside-bg);
  font-size: var(--scg2d-fs-smaller);
  padding: 2px;
  margin: 0 10px;
  border: 2px solid var(--scg2d-c-lineart);
  border-width: 0 2px;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-aside::before, .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-aside::after {
  --mi: url("https://s3.amazonaws.com/files.d20.io/images/380738466/_SF69kbbsEIJQvpg0_uJiw/original.png?1708215664");
  pointer-events: none;
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  z-index: 10;
  background: var(--scg2d-c-aside-deco);
  height: 16px;
  width: 36px;
  -webkit-mask-image: var(--mi);
  -webkit-mask-size: 40px auto;
  -webkit-mask-repeat: no-repeat;
  mask-image: var(--mi);
  mask-size: 36px auto;
  mask-repeat: no-repeat;
  transform: translate(-50%);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-aside::after {
  --mi: url("https://s3.amazonaws.com/files.d20.io/images/380739768/TcKErElu59X5Xcb6XC8wOA/original.png?1708216122");
  top: unset;
  bottom: -7px;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-aside > div {
  padding: 1.75em 1.25em;
  border: 1px solid var(--scg2d-c-lineart);
  border-width: 0 1px;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-aside > div::before, .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-aside > div::after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: -2px;
  left: -10px;
  right: -10px;
  display: block;
  background: var(--scg2d-c-lineart);
  height: 14px;
  clip-path: polygon(0 5px, 8px 0, 20px 0, 22px 2px, calc(100% - 22px) 2px, calc(100% - 20px) 0, calc(100% - 8px) 0, 100% 5px, calc(100% - 12px) 5px, calc(100% - 16px) 3px, 16px 3px, 12px 5px, 16px 7px, calc(100% - 16px) 7px, calc(100% - 12px) 5px, 100% 5px, calc(100% - 8px) 10px, calc(100% - 20px) 10px, calc(100% - 22px) 8px, 22px 8px, 20px 10px, 7px 10px, 0 5px);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-aside > div::after {
  top: unset;
  bottom: -6px;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-aside h2.scg2d-h2 {
  position: absolute;
  top: calc(-1 * clamp(24px, 3.0534351145vw + 12.5496183206px, 36px));
  left: 50%;
  z-index: 10;
  transform: translate(-50%);
  margin: 0;
  width: 100%;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-aside :where(h3.scg2d-h3, h4.scg2d-h4, h5.scg2d-h5, h6.scg2d-h6) {
  color: var(--scg2d-c-aside-heading);
  text-align: center;
  padding: 0;
  border: none;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-aside .scg2d-radius-chamfer {
  position: absolute;
  top: -1.375em;
  left: 50%;
  z-index: 10;
  transform: translate(-50%);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-blockquote {
  position: relative;
  padding: 8px 0;
  color: var(--scg2d-c-lineart);
  font-size: var(--scg2d-fs-smaller);
  font-style: italic;
  text-align: center;
  margin: 2em 0;
  border: 1px double var(--scg2d-c-lineart);
  border-width: 3px 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-blockquote::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--scg2d-c-lineart);
  border-width: 1px 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-blockquote--parchment {
  clear: both;
  aspect-ratio: 2.9190207156/1;
  container-type: inline-size;
  display: grid;
  place-content: center;
  color: inherit;
  font-family: "IM Fell DW Pica", Georgia, serif;
  font-size: var(--scg2d-fs-normal);
  margin: 3em auto;
  border: none;
  max-width: 600px;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-blockquote--parchment::before {
  background: url("https://s3.amazonaws.com/files.d20.io/images/380752269/vmuJiCdSaCAnFy6ue0cuXg/original.png?1708220167") top/contain no-repeat;
  border: none;
  filter: var(--scg2d-blockquote-parchment);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-blockquote--parchment > div {
  position: relative;
  font-size: max(3.25cqw, 13px);
  padding: 4cqw 15cqw 4cqw 9cqw;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent :where(.scg2d-radius-chamfer, .scg2d-radius-chamfer > div) {
  --w: 0.75em;
  --xr: 0.75em;
  --yr: 0.75em;
  clip-path: polygon(var(--w) 0%, calc(var(--w) - var(--xr) * 0.0340741737) calc(var(--yr) * 0.2588190451), calc(var(--w) - var(--xr) * 0.1339745962) calc(var(--yr) * 0.5), calc(var(--w) - var(--xr) * 0.2928932188) calc(var(--yr) * 0.7071067812), calc(var(--w) - var(--xr) * 0.5) calc(var(--yr) * 0.8660254038), calc(var(--w) - var(--xr) * 0.7411809549) calc(var(--yr) * 0.9659258263), calc(var(--w) - var(--xr) * 1) calc(var(--yr) * 1), 0% calc(100% - var(--w)), calc(var(--w) - var(--xr) * 1) calc(100% - var(--yr) * 1), calc(var(--w) - var(--xr) * 0.7411809549) calc(100% - var(--yr) * 0.9659258263), calc(var(--w) - var(--xr) * 0.5) calc(100% - var(--yr) * 0.8660254038), calc(var(--w) - var(--xr) * 0.2928932188) calc(100% - var(--yr) * 0.7071067812), calc(var(--w) - var(--xr) * 0.1339745962) calc(100% - var(--yr) * 0.5), calc(var(--w) - var(--xr) * 0.0340741737) calc(100% - var(--yr) * 0.2588190451), var(--w) 100%, calc(100% - var(--w)) 100%, calc(100% - var(--w) + var(--xr) * 0.0340741737) calc(100% - var(--yr) * 0.2588190451), calc(100% - var(--w) + var(--xr) * 0.1339745962) calc(100% - var(--yr) * 0.5), calc(100% - var(--w) + var(--xr) * 0.2928932188) calc(100% - var(--yr) * 0.7071067812), calc(100% - var(--w) + var(--xr) * 0.5) calc(100% - var(--yr) * 0.8660254038), calc(100% - var(--w) + var(--xr) * 0.7411809549) calc(100% - var(--yr) * 0.9659258263), calc(100% - var(--w) + var(--xr) * 1) calc(100% - var(--yr) * 1), 100% calc(100% - var(--w)), 100% var(--w), calc(100% - var(--w) + var(--xr) * 1) calc(var(--yr) * 1), calc(100% - var(--w) + var(--xr) * 0.7411809549) calc(var(--yr) * 0.9659258263), calc(100% - var(--w) + var(--xr) * 0.5) calc(var(--yr) * 0.8660254038), calc(100% - var(--w) + var(--xr) * 0.2928932188) calc(var(--yr) * 0.7071067812), calc(100% - var(--w) + var(--xr) * 0.1339745962) calc(var(--yr) * 0.5), calc(100% - var(--w) + var(--xr) * 0.0340741737) calc(var(--yr) * 0.2588190451), calc(100% - var(--w)) 0%);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-radius-chamfer {
  padding: 2px;
  background: var(--scg2d-c-lineart);
  width: fit-content;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-radius-chamfer > div {
  --w: 0.715em;
  --xr: 0.715em;
  --yr: 0.715em;
  background: var(--scg2d-c-radius-chamfer-bg);
  width: fit-content;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-radius-chamfer > div > div {
  padding: 0.4em 1.5em 0.45em;
  width: fit-content;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-radius-chamfer > div > div > * {
  color: var(--scg2d-c-radius-chamfer-text);
  line-height: 0.9;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-monster-block {
  font-size: var(--scg2d-fs-monster);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-monster-block p {
  text-indent: -1em;
  padding-left: 1em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-monster-block p:not(:last-child) {
  margin-bottom: 0.5em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-monster-block strong.scg2d-monster-stat {
  font-family: var(--scg2d-ff-secondary);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-monster-block .scg2d-monster-abilities {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 1.5em;
  line-height: 1.5;
  text-align: center;
  margin: 0 auto;
  max-width: max(60%, 400px);
}
@media (min-width: 420px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-monster-block .scg2d-monster-abilities {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-monster-block .scg2d-monster-abilities :where(strong, span) {
  display: block;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-monster-block .scg2d-monster-abilities strong {
  color: var(--scg2d-c-heading);
  font-size: 125%;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-monster-block .scg2d-monster-actions {
  color: var(--scg2d-c-green);
  font-family: var(--scg2d-ff-secondary);
  font-size: 125%;
  font-weight: 700;
  font-variant: small-caps;
  margin: 0.75em 0 0.25em !important;
  border-bottom: 1px solid currentColor;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-table {
  clear: both;
  font-size: var(--scg2d-fs-table);
  margin: 2em 0 !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-table:last-child {
  margin-bottom: 0 !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-table :where(th, td) {
  font-size: var(--scg2d-fs-table);
  text-align: center;
  padding: 0.5em 0.75em !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-table :where(th, td):not(:last-child) {
  border-right: 1px solid var(--scg2d-c-table-lineart);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-table td {
  color: var(--scg2d-c-tbody-text);
  padding: 0.5em 0.75em !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-table th {
  background: var(--scg2d-c-thead-bg);
  color: var(--scg2d-c-thead-text);
  font-weight: 700;
  vertical-align: middle;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-table thead th {
  padding: 0.5em 0.25em !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-table tr:nth-child(odd) {
  background: var(--scg2d-c-table-row-odd-bg);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-table tr:nth-child(even) {
  background: var(--scg2d-c-table-row-even-bg);
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-table-first-col-left :where(th, td):first-child,
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-table-last-col-left :where(th, td):last-child,
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-table-all-col-left :where(th, td) {
  text-align: left;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-color-green {
  color: var(--scg2d-c-green) !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-font-secondary {
  font-family: var(--scg2d-ff-secondary) !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-prose {
  color: var(--scg2d-c-prose);
  font-size: var(--scg2d-fs-smaller);
  font-style: italic;
  text-align: center;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-drop-cap::first-letter {
  float: left;
  font-size: 3.25em;
  line-height: 0.9;
  padding-right: 0.1em;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-drop-cap::after {
  content: "";
  display: block;
  clear: both;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-table-overflow-wrapper {
  clear: both;
  overflow-x: auto;
  margin: 2em 0;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-table-overflow-wrapper > table {
  margin: 0 !important;
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-responsive-float-right {
  display: block;
  margin: 2em auto;
}
@media (min-width: 768px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-responsive-float-right {
    float: right;
    font-size: 0.75em;
    margin: 1em 0 1em 1em;
    max-width: 40%;
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-responsive-float-left {
  display: block;
  margin: 2em auto;
}
@media (min-width: 768px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-responsive-float-left {
    float: left;
    font-size: 0.75em;
    margin: 1em 1em 1em 0;
    max-width: 40%;
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent div[class*=scg2d-columns] {
  container-type: inline-size;
}
@container (min-width: 400px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent div[class*=scg2d-columns] > div {
    column-gap: 2em;
    columns: 2;
  }
}
.content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent div[class*=scg2d-columns] > div > * {
  break-inside: avoid;
}
@container (min-width: 500px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-columns-3 > div {
    columns: 3 !important;
  }
}
@container (min-width: 500px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-columns-4 > div {
    columns: 3 !important;
  }
}
@container (min-width: 600px) {
  .content-text[data-bookid=dnd5e]:is([data-expansionid="21300"], [data-expansionid="29025"]) #pagecontent .scg2d-columns-4 > div {
    columns: 4 !important;
  }
}

/* Walking Dead */
.row:has(.content-text[data-bookid=walking-dead]) {
  --parchmentColor: #e9e3dc;
  --paper_texture: url("https://s3.amazonaws.com/files.d20.io/images/370494718/yrFUm6X--VoUwJh7ro7KCg/original.jpg?1701837809");
  --walkingdead-img-background-trunk: url("https://files.d20.io/images/367925829/eMSWRz7RivrjvH4PVC9NVg/original.webp");
  --redBorder: url("https://s3.amazonaws.com/files.d20.io/images/381595464/tP3wEzNsIcSmxlzs0rkCAw/original.png?1708731862");
  background: radial-gradient(ellipse at center, hsl(30, 60%, 95%) 0%, hsl(17, 3%, 65%) 100%), var(--paper_texture), -webkit-gradient(linear, left top, left bottom, from(var(--parchmentColor)), to(var(--parchmentColor)));
  background: radial-gradient(ellipse at center, hsl(30, 60%, 95%) 0%, hsl(17, 3%, 65%) 100%), var(--paper_texture), linear-gradient(var(--parchmentColor), var(--parchmentColor));
  background-blend-mode: overlay, multiply, normal;
  background-repeat: repeat;
  background-size: 100%, 1000px, 100%;
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
}

.content-text[data-bookid=walking-dead] #pagecontent {
  font-family: var(--fontMain);
}
.content-text[data-bookid=walking-dead] #pagecontent p {
  font-family: var(--fontMain);
  margin-bottom: 1em;
}
.content-text[data-bookid=walking-dead] #pagecontent p + p {
  text-indent: 1em;
}
.content-text[data-bookid=walking-dead] #pagecontent ::-webkit-scrollbar {
  width: 10px;
}
.content-text[data-bookid=walking-dead] #pagecontent ::-webkit-scrollbar-track {
  background: var(--lm-fontColor);
}
.content-text[data-bookid=walking-dead] #pagecontent ::-webkit-scrollbar-thumb {
  background: var(--accent);
}
.content-text[data-bookid=walking-dead] #pagecontent pre {
  margin: 3rem 0;
}
.content-text[data-bookid=walking-dead] #pagecontent code {
  white-space: break-spaces;
}
.content-text[data-bookid=walking-dead] #pagecontent hr {
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
  border-width: 0 0 var(--_borderWidth) 0;
  border-image-width: 0 0 var(--_borderWidth) 0;
  margin: 0;
}
.content-text[data-bookid=walking-dead] #pagecontent :where(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}
.content-text[data-bookid=walking-dead] #pagecontent *:has(img.background) {
  position: relative;
  z-index: 1;
}
.content-text[data-bookid=walking-dead] #pagecontent img.background {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}
.content-text[data-bookid=walking-dead] #pagecontent span.drop-cap {
  background-image: var(--border_bg_sm), var(--border_bg_lg), var(--redBorder);
  background-repeat: repeat;
  background-size: 600px, 720px, 1800px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--fontHeader);
  color: var(--accent);
  font-size: 3.5em;
  line-height: 1;
  font-weight: bold;
  float: left;
  position: relative;
  top: 0.2em;
  margin-top: -0.4em;
}
.content-text[data-bookid=walking-dead] #pagecontent .center {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent em, .content-text[data-bookid=walking-dead] #pagecontent dt {
  font-size: 0.9em;
  font-weight: bold;
  font-style: normal;
  color: var(--tone);
}
.content-text[data-bookid=walking-dead] #pagecontent p:has(strong) {
  text-indent: 0;
}
.content-text[data-bookid=walking-dead] #pagecontent dt {
  display: inline-block;
  font-family: var(--fontSystem);
  text-transform: uppercase;
  margin-right: 0.5ch;
}
.content-text[data-bookid=walking-dead] #pagecontent dd {
  display: inline;
  -webkit-margin-start: unset;
          margin-inline-start: unset;
}
.content-text[data-bookid=walking-dead] #pagecontent h1 {
  background-image: var(--border_bg_sm), var(--border_bg_lg), var(--redBorder);
  background-repeat: repeat;
  background-size: 600px, 720px, 2800px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--fontHeader);
  font-size: 3em;
  text-transform: uppercase;
  text-align: center;
  color: var(--accent);
  margin: 0.2em 0;
}
.content-text[data-bookid=walking-dead] #pagecontent h1 span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-bookid=walking-dead] #pagecontent h2 {
  background-image: var(--border_bg_sm), var(--border_bg_lg), var(--redBorder);
  background-repeat: repeat;
  background-size: 600px, 720px, 1800px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Barlow Semi Condensed";
  font-size: 1.25em;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--accent);
  margin: 0.2em 0;
}
.content-text[data-bookid=walking-dead] #pagecontent h2 span {
  font-size: 0.8em;
  font-weight: normal;
}
.content-text[data-bookid=walking-dead] #pagecontent h3 {
  text-transform: uppercase;
  font-family: var(--fontSystem);
  font-weight: bold;
  color: var(--tone);
  margin: 0;
}
.content-text[data-bookid=walking-dead] #pagecontent .underline {
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
  border-image-width: 0 0 var(--_borderWidth) 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 50%;
  padding: 0 1em;
  margin: 0 auto;
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent aside {
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
  position: relative;
  background: color-mix(in lab, transparent 50%, var(--tone) 15%);
  font-family: inherit;
  font-family: var(--fontSystem);
  padding: 1em;
}
.content-text[data-bookid=walking-dead] #pagecontent aside table {
  font-weight: bold;
}
.content-text[data-bookid=walking-dead] #pagecontent aside:before, .content-text[data-bookid=walking-dead] #pagecontent aside:after {
  content: "";
  position: absolute;
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
}
.content-text[data-bookid=walking-dead] #pagecontent aside:before {
  top: 0;
  left: -1em;
  width: calc(100% + 2em);
  height: var(--_borderWidth);
}
.content-text[data-bookid=walking-dead] #pagecontent aside:after {
  left: 0;
  bottom: -0.7em;
  height: calc(100% + 1.2em);
  width: var(--_borderWidth);
}
.content-text[data-bookid=walking-dead] #pagecontent aside.example {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, color-mix(in lab, transparent 50%, var(--tone) 15%)), to(transparent));
  background: linear-gradient(90deg, color-mix(in lab, transparent 50%, var(--tone) 15%) 50%, transparent 100%);
  border-image-width: var(--_borderWidth) 0;
  font-family: var(--fontMain);
  width: calc(100% + 48px);
  padding-left: calc(48px + 1em);
  left: -48px;
}
.content-text[data-bookid=walking-dead] #pagecontent aside.example p:has(em) {
  text-indent: 0;
}
.content-text[data-bookid=walking-dead] #pagecontent aside.example:after, .content-text[data-bookid=walking-dead] #pagecontent aside.example:before {
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--_borderWidth);
}
.content-text[data-bookid=walking-dead] #pagecontent aside.example:before {
  bottom: unset;
  top: 0;
}
.content-text[data-bookid=walking-dead] #pagecontent aside.letter {
  background: unset;
  --_borderWidth: 20px;
  --_borderSlice: 40 60;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--border-scratches);
  border-image-slice: var(--_borderSlice) fill;
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  padding: 3em;
  padding-right: 6em;
  left: 4em;
  color: var(--parchmentColor);
  font-family: var(--fontMain);
  width: 50%;
  float: right;
  -webkit-mask-image: radial-gradient(ellipse at center 20%, white 50%, hsl(0, 0%, 90%) 100%);
          mask-image: radial-gradient(ellipse at center 20%, white 50%, hsl(0, 0%, 90%) 100%);
  mask-mode: luminance;
  z-index: 1;
}
.content-text[data-bookid=walking-dead] #pagecontent aside.letter::before, .content-text[data-bookid=walking-dead] #pagecontent aside.letter::after {
  all: unset;
}
.content-text[data-bookid=walking-dead] #pagecontent aside.letter h3 {
  font-size: 1.2em;
  font-family: var(--fontMain);
  font-weight: normal;
  color: var(--parchmentColor);
}
.content-text[data-bookid=walking-dead] #pagecontent table {
  min-width: 50%;
  font-family: var(--fontSystem);
  color: var(--tone);
  border: unset;
  border-collapse: separate;
}
.content-text[data-bookid=walking-dead] #pagecontent table th {
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
  border-image-width: 0 0 var(--_borderWidth) 0;
  padding: 0 5px;
}
.content-text[data-bookid=walking-dead] #pagecontent table td {
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
  border-image-width: 0 0 var(--_borderWidth) 0;
}
.content-text[data-bookid=walking-dead] #pagecontent table tbody tr:nth-child(odd) {
  background: color-mix(in lab, transparent 50%, var(--tone) 15%);
}
.content-text[data-bookid=walking-dead] #pagecontent table tbody td {
  border-image-source: var(--internalBorder);
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center] td {
  text-align: left;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="1"] :is(td:nth-of-type(1), th:nth-of-type(1)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="2"] :is(td:nth-of-type(2), th:nth-of-type(2)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="3"] :is(td:nth-of-type(3), th:nth-of-type(3)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="4"] :is(td:nth-of-type(4), th:nth-of-type(4)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="5"] :is(td:nth-of-type(5), th:nth-of-type(5)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="6"] :is(td:nth-of-type(6), th:nth-of-type(6)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="7"] :is(td:nth-of-type(7), th:nth-of-type(7)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="8"] :is(td:nth-of-type(8), th:nth-of-type(8)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class*=center][class*="9"] :is(td:nth-of-type(9), th:nth-of-type(9)) {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent table[class=center] td {
  text-align: center;
}
.content-text[data-bookid=walking-dead] #pagecontent ul {
  padding-left: 1em;
  margin-bottom: 1em;
}
.content-text[data-bookid=walking-dead] #pagecontent ul li::before {
  font-family: var(--fontIcon);
  content: "chevron_right";
  font-weight: bold;
  color: var(--tone);
  vertical-align: bottom;
}
.content-text[data-bookid=walking-dead] #pagecontent ul li::marker {
  content: "";
}
.content-text[data-bookid=walking-dead] #pagecontent ol li::marker {
  font-family: var(--fontSystem);
}
.content-text[data-bookid=walking-dead] #pagecontent ol.droplist {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: item;
}
.content-text[data-bookid=walking-dead] #pagecontent ol.droplist li {
  counter-increment: item;
  position: relative;
  min-height: 3em;
}
.content-text[data-bookid=walking-dead] #pagecontent ol.droplist li::before {
  content: counter(item);
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-family: var(--fontSystem);
  font-weight: bold;
  font-size: 2.5em;
  color: var(--accent);
  height: 1em;
  aspect-ratio: 1/1;
  float: left;
  margin-right: 0.5ch;
  --_borderWidth: 2px;
  --_redSlice: 15;
  border-color: var(--accent);
  border-width: 0;
  border-image-source: var(--redBorder);
  border-image-slice: var(--_redSlice);
  border-image-width: var(--_borderWidth);
  border-image-repeat: repeat;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --transparent: rgb(0, 0, 0, 0 / 50%);
  background: color-mix(in lab, var(--tone) 20%, transparent 50%);
}
.content-text[data-bookid=walking-dead] #pagecontent blockquote {
  max-width: 70%;
  font-style: italic;
  color: var(--accent);
  border: unset;
  font-size: 1.5em;
  margin: 0 auto;
}
.content-text[data-bookid=walking-dead] #pagecontent blockquote::after {
  content: "-" attr(cite);
  font-size: 0.75em;
  font-style: normal;
  display: block;
  text-align: right;
  margin-top: 0.5em;
}
.content-text[data-bookid=walking-dead] #pagecontent img.backdrop {
  position: fixed;
  content: "";
  height: 100%;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to right, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to right, black 25%, transparent 75%);
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}
.content-text[data-bookid=walking-dead] #pagecontent img.backdrop.__right {
  -o-object-position: right;
     object-position: right;
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to left, black 25%, transparent 75%);
          mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, black), color-stop(75%, transparent));
          mask-image: linear-gradient(to left, black 25%, transparent 75%);
  left: unset;
  right: 0;
}
.content-text[data-bookid=walking-dead] #pagecontent .whiteout {
  --accent: var(--parchmentColor);
  --tone: var(--parchmentColor);
  border-image-source: var(--whiteBorder);
  color: var(--parchmentColor);
}
.content-text[data-bookid=walking-dead] #pagecontent .whiteout::after, .content-text[data-bookid=walking-dead] #pagecontent .whiteout::before {
  border-color: var(--parchmentColor);
  border-image-source: var(--whiteBorder);
}
.content-text[data-bookid=walking-dead] #pagecontent .slanttext {
  position: relative;
  text-justify: inter-word;
  --_slant: 3em;
}
.content-text[data-bookid=walking-dead] #pagecontent .slanttext > div::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: left;
  shape-outside: polygon(0 0, var(--_slant) 0, 100% 0, calc(100% - var(--_slant)) 100%, 0 100%);
}
.content-text[data-bookid=walking-dead] #pagecontent .slanttext > div > p::before {
  content: "";
  position: relative;
  height: 10em;
  width: var(--_slant);
  float: right;
  shape-outside: polygon(100% 0, 100% 100%, var(--_slant) 100%, 0 100%);
}
.content-text[data-bookid=walking-dead] #pagecontent .toc {
  -webkit-columns: 300px;
     -moz-columns: 300px;
          columns: 300px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  padding: 2em;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc h1, .content-text[data-bookid=walking-dead] #pagecontent .toc h2, .content-text[data-bookid=walking-dead] #pagecontent .toc h3 {
  font-family: var(--fontSystem);
  font-weight: bold;
  color: var(--accent);
  text-transform: uppercase;
  margin: 0.5em 0;
  text-align: left;
  font-size: 1em;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc h1 {
  font-size: 1.25em;
  line-height: normal;
  border-bottom: 2px dotted;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc h2 {
  background: none;
  color: var(--tone);
}
.content-text[data-bookid=walking-dead] #pagecontent .toc h2 a {
  color: inherit;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc h3 {
  text-indent: 1em;
  font-weight: normal;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc h3 a {
  border: none;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc a:hover {
  color: var(--accent);
  border-bottom: 2px solid;
}
.content-text[data-bookid=walking-dead] #pagecontent .toc img {
  position: fixed;
  inset: 0;
  z-index: -1;
}

html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer {
  --paper-background: url("https://files.d20.io/images/367925829/eMSWRz7RivrjvH4PVC9NVg/original.webp");
  --accent: #6a2529;
  --tone: #584a35;
  --redBorder: url("https://s3.amazonaws.com/files.d20.io/images/381595464/tP3wEzNsIcSmxlzs0rkCAw/original.png?1708731862");
  --whiteBorder: url("https://s3.amazonaws.com/files.d20.io/images/382389833/YX0ZygqCcrMqg9QetIGCPA/original.png?1709179311");
  --internalBorder: url("https://s3.amazonaws.com/files.d20.io/images/381595994/8UkeNM2kfY7zrwMuuBhIwA/original.png?1708732091");
  --border_bg_sm: url("https://s3.amazonaws.com/files.d20.io/images/370703674/Ygc8pSpM2Q-AecerjIX35w/original.png?1701999902");
  --border_bg_lg: url("https://s3.amazonaws.com/files.d20.io/images/370703589/Q7GwrwThO3WQaT_QHaMwnw/original.png?1701999869");
  --paper_texture: url("https://s3.amazonaws.com/files.d20.io/images/370494718/yrFUm6X--VoUwJh7ro7KCg/original.jpg?1701837809");
  --border-scratches: url("https://s3.amazonaws.com/files.d20.io/images/382625407/sVgLBFttvaKc9YiCVAtSQw/original.png?1709333967");
  --parchmentColor: #e9e3dc;
  --img-dice-success: var(--redColor);
  --img-dice-panic: var(--redColor);
  --img-stress-dice: var(--redColor);
  --dieTextColor: white;
  --walkerSign: url("https://files.d20.io/images/372539015/Xzq32j3zg117kwF5ipPBRw/original.png");
  --lm-fontColor: hsl(50, 20%, 5%);
  --dm-fontColor: var(--parchmentColor);
  --dm-backColor: var(--dark-surface2);
  --colPen: hsl(220, 50%, 50%);
  --colHeaderBack: hsl(50, 10%, 50%);
  --fontMain: "Neuton", serif;
  --fontSystem: "Tilt Neon", sans-serif;
  --fontHeader: "impact", "Roboto Black", "Helvetica Neue";
  --fontIcon: "Material Symbols Outlined", "Material Icons", "Material Design Icons", "Font Awesome 5 Free";
  --color-surface1: color-mix(in lab, var(--color-background) 80%, transparent) !important;
  overflow: hidden;
}
html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer .row:has(.backdrop) {
  background: unset;
}
html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer .col-md-4.toccol {
  display: none;
}
html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer .col-md-8:has(.content-text[data-bookid=walking-dead]) {
  width: 100%;
}
html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer h1.page-title {
  background-image: var(--border_bg_sm), var(--border_bg_lg), var(--redBorder);
  background-repeat: repeat;
  background-size: 600px, 720px, 2800px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--fontHeader);
  font-size: 3em;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  color: var(--accent);
  margin: 0.2em 0;
}
html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer h1.page-title::before, html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer h1.page-title::after {
  display: block;
  content: "";
  color: var(--accent);
  font-size: 0.8em;
  line-height: 1;
}
html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer h1.page-title::before {
  font-family: var(--fontSystem);
  font-size: 0.5em;
  content: "The ";
}
html:has(.content-text[data-bookid=walking-dead]) .primarycontentcontainer h1.page-title::after {
  content: " Universe";
}

html[data-theme=dark]:has(.content-text[data-bookid=walking-dead]) .row {
  background: radial-gradient(ellipse at center, hsl(30, 60%, 95%) 0%, hsl(23, 10%, 16%) 100%), var(--paper_texture), -webkit-gradient(linear, left top, right top, from(white), color-stop(hsl(0, 0%, 80%)), to(white));
  background: radial-gradient(ellipse at center, hsl(30, 60%, 95%) 0%, hsl(23, 10%, 16%) 100%), var(--paper_texture), linear-gradient(to right, white, hsl(0, 0%, 80%), white);
  background-blend-mode: multiply, difference, normal;
}
html[data-theme=dark]:has(.content-text[data-bookid=walking-dead]) #pagecontent {
  color: var(--dm-fontColor);
  --accent: #aa373d;
  --tone: #b48f56;
}
html[data-theme=dark]:has(.content-text[data-bookid=walking-dead]) #pagecontent p, html[data-theme=dark]:has(.content-text[data-bookid=walking-dead]) #pagecontent aside {
  color: var(--dm-fontColor);
}
html[data-theme=dark]:has(.content-text[data-bookid=walking-dead]) #pagecontent h2 {
  mix-blend-mode: screen;
}
