@charset "UTF-8";
/*define fonts*/
@font-face {
  font-family: "ChromaST";
  font-weight: 900;
  src: url("../fonts/ChromaST-Black.woff2") format("woff2"), url("../fonts/ChromaST-Black.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "ChromaST";
  font-weight: 500;
  src: url("../fonts/ChromaST-Bold.woff2") format("woff2"), url("../fonts/ChromaST-Bold.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "ChromaST";
  font-weight: 400;
  src: url("../fonts/ChromaST-Regular.woff2") format("woff2"), url("../fonts/ChromaST-Regular.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "ChromaST";
  font-weight: 300;
  src: url("../fonts/ChromaST-Light.woff2") format("woff2"), url("../fonts/ChromaST-Light.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Produkt Web";
  src: url("../fonts/Produkt-BoldItalic-Web.woff2") format("woff2"), url("../fonts/Produkt-BoldItalic-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Produkt Web";
  src: url("../fonts/Produkt-Bold-Web.woff2") format("woff2"), url("../fonts/Produkt-Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Produkt Web";
  src: url("../fonts/Produkt-SemiboldItalic-Web.woff2") format("woff2"), url("../fonts/Produkt-SemiboldItalic-Web.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Produkt Web";
  src: url("../fonts/Produkt-Semibold-Web.woff2") format("woff2"), url("../fonts/Produkt-Semibold-Web.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Produkt Web";
  src: url("../fonts/Produkt-RegularItalic-Web.woff2") format("woff2"), url("../fonts/Produkt-RegularItalic-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Produkt Web";
  src: url("../fonts/Produkt-Regular-Web.woff2") format("woff2"), url("../fonts/Produkt-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Produkt Cond Web";
  src: url("../fonts/ProduktCondensed-BoldItalic-Web.woff2") format("woff2"), url("../fonts/ProduktCondensed-BoldItalic-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Produkt Cond Web";
  src: url("../fonts/ProduktCondensed-Bold-Web.woff2") format("woff2"), url("../fonts/ProduktCondensed-Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Produkt Cond Web";
  src: url("../fonts/ProduktCondensed-SemiboldItalic-Web.woff2") format("woff2"), url("../fonts/ProduktCondensed-SemiboldItalic-Web.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Produkt Cond Web";
  src: url("../fonts/ProduktCondensed-Semibold-Web.woff2") format("woff2"), url("../fonts/ProduktCondensed-Semibold-Web.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Produkt Cond Web";
  src: url("../fonts/ProduktCondensed-RegularItalic-Web.woff2") format("woff2"), url("../fonts/ProduktCondensed-RegularItalic-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Produkt Cond Web";
  src: url("../fonts/ProduktCondensed-Regular-Web.woff2") format("woff2"), url("../fonts/ProduktCondensed-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Graphik";
  font-weight: 700;
  src: url("../fonts/Graphik-Bold-Web.woff2") format("woff2"), url("../fonts/Graphik-Bold-Web.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Graphik";
  font-weight: 400;
  src: url("../fonts/Graphik-Regular-Web.woff2") format("woff2"), url("../fonts/Graphik-Regular-Web.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Graphik";
  font-weight: 600;
  src: url("../fonts/Graphik-Semibold-Web.woff2") format("woff2"), url("../fonts/Graphik-Semibold-Web.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Graphik";
  src: url("../fonts/Graphik-SemiboldItalic-Web.woff2") format("woff2"), url("../fonts/Graphik-SemiboldItalic-Web.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "GraphikCompact";
  font-weight: 700;
  src: url("../fonts/GraphikCompact-Bold-Web.woff2") format("woff2"), url("../fonts/GraphikCompact-Bold-Web.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "GraphikCompact";
  font-weight: 400;
  src: url("../fonts/GraphikCompact-Regular-Web.woff2") format("woff2"), url("../fonts/GraphikCompact-Regular-Web.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
}
.sans-serif, figcaption, figcaption em, .quigley-labels, .plot,
.plot-labels, .plot-title em,
.label-headers em, text, .map .plot-content p, .plot-tips, #votingdensity .map-labels p, .audio audio, h1,
h2,
h3,
h4,
h5,
h6, p strong,
.content > ol li strong,
.content > ul li strong, p strong em,
.content > ol li strong em,
.content > ul li strong em, button, .button, .button.small, table, nav .icon,
nav .current-page,
nav .info, nav li, #summary-popup .summary-columns .col:last-child p, #summary-popup a.btn, #summary-popup blockquote p, #summary-popup .social-links, .part-cover h2, .chapter-next a.next, .chapter-number,
.part-intro, .chapter-intro, article li::before, .reference .footnote-ref, .footnote-number, body#home main .title h3, body#home main .news {
  font-family: "ChromaST";
}

.serif, body, p,
.content > ol li,
.content > ul li, em, .info-survey-description, article blockquote p, article blockquote + h4, article blockquote + h4 em {
  font-family: "Produkt Web";
}

.serif-cond, .footnote-text, .footnote-text b,
.footnote-text strong, .footnote-text em {
  font-family: "Produkt Cond Web";
}

.sans-serif-graphik-bold {
  font-family: "Graphik";
  font-weight: 700;
}

.sans-serif-graphik-semibold, #questions li.question, article .questions p {
  font-family: "Graphik";
  font-weight: 600;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Use and Imports
# Element Defaults
	## Typography
	## STRUCTURES & LAYOUTS 
		### Navigation 
		### Part Intros
		### Chapters
		### Interlude
	## REFERENCE & FOOTNOTE STYLES 
	## FIGURE STYLE
	## SPLOT STYLES 
# SECTION AGNOSTIC OVERRIDES
  ## Structure
  ## Elements
# SECTION SPECIFIC OVERRIDES
  ## Structure
  ## Elements
# RESPONSIVE LAUOUT
--------------------------------------------------------------*/
/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
Use and Imports
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  
*/
#th-dickjane {
  width: 63.4249471459px;
  background: url("/assets/images/toc/preface/thumbnail.webp") 0 0px;
  background-size: auto 320px;
}

@media only screen and (max-width: 600px) {
  #th-dickjane {
    width: 47.5687103594px;
    background: url("/assets/images/toc/preface/thumbnail.webp") 0 0px;
    background-size: auto 240px;
  }
}
#th-memex {
  width: 93.3125972006px;
  background: url("/assets/images/toc/preface/thumbnail.webp") 0 -80px;
  background-size: auto 320px;
}

@media only screen and (max-width: 600px) {
  #th-memex {
    width: 69.9844479005px;
    background: url("/assets/images/toc/preface/thumbnail.webp") 0 -60px;
    background-size: auto 240px;
  }
}
#th-zdenek {
  width: 65.2173913043px;
  background: url("/assets/images/toc/preface/thumbnail.webp") 0 -160px;
  background-size: auto 320px;
}

@media only screen and (max-width: 600px) {
  #th-zdenek {
    width: 48.9130434783px;
    background: url("/assets/images/toc/preface/thumbnail.webp") 0 -120px;
    background-size: auto 240px;
  }
}
#th-foetus26weeks {
  width: 81.4111261872px;
  background: url("/assets/images/toc/preface/thumbnail.webp") 0 -240px;
  background-size: auto 320px;
}

@media only screen and (max-width: 600px) {
  #th-foetus26weeks {
    width: 61.0583446404px;
    background: url("/assets/images/toc/preface/thumbnail.webp") 0 -180px;
    background-size: auto 240px;
  }
}
#th-bildlilli {
  width: 27.8933333333px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 0px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-bildlilli {
    width: 20.92px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 0px;
    background-size: auto 1200px;
  }
}
#th-savage_lovecast_526 {
  width: 80px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -80px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-savage_lovecast_526 {
    width: 60px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -60px;
    background-size: auto 1200px;
  }
}
#th-uncannyvalley {
  width: 109.3831775701px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -160px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-uncannyvalley {
    width: 82.0373831776px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -120px;
    background-size: auto 1200px;
  }
}
#th-usvoting {
  width: 120px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -240px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-usvoting {
    width: 90px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -180px;
    background-size: auto 1200px;
  }
}
#th-thestranger {
  width: 58.5651537335px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -320px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-thestranger {
    width: 43.9238653001px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -240px;
    background-size: auto 1200px;
  }
}
#th-chop {
  width: 120.0300075019px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -400px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-chop {
    width: 90.0225056264px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -300px;
    background-size: auto 1200px;
  }
}
#th-goodall {
  width: 127.1186440678px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -480px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-goodall {
    width: 95.3389830508px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -360px;
    background-size: auto 1200px;
  }
}
#th-kokogorilla {
  width: 80px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -560px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-kokogorilla {
    width: 60px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -420px;
    background-size: auto 1200px;
  }
}
#th-alexparrot {
  width: 119.8801198801px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -640px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-alexparrot {
    width: 89.9100899101px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -480px;
    background-size: auto 1200px;
  }
}
#th-kokocat {
  width: 115.2737752161px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -720px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-kokocat {
    width: 86.4553314121px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -540px;
    background-size: auto 1200px;
  }
}
#th-antmarch {
  width: 42.2237860662px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -800px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-antmarch {
    width: 31.6678395496px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -600px;
    background-size: auto 1200px;
  }
}
#th-nativebrunii {
  width: 78.6885245902px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -880px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-nativebrunii {
    width: 59.0163934426px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -660px;
    background-size: auto 1200px;
  }
}
#th-nsentinelisland {
  width: 80px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -960px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-nsentinelisland {
    width: 60px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -720px;
    background-size: auto 1200px;
  }
}
#th-bulbshop {
  width: 118.1102362205px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -1040px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-bulbshop {
    width: 88.5826771654px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -780px;
    background-size: auto 1200px;
  }
}
#th-nacultureareas {
  width: 65.2173913043px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -1120px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-nacultureareas {
    width: 48.9130434783px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -840px;
    background-size: auto 1200px;
  }
}
#th-xmastruce {
  width: 133.3333333333px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -1200px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-xmastruce {
    width: 100px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -900px;
    background-size: auto 1200px;
  }
}
#th-idcard {
  width: 129.0322580645px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -1280px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-idcard {
    width: 96.7741935484px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -960px;
    background-size: auto 1200px;
  }
}
#th-bonobos {
  width: 100px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -1360px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-bonobos {
    width: 75px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -1020px;
    background-size: auto 1200px;
  }
}
#th-firestone {
  width: 55.4016620499px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -1440px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-firestone {
    width: 41.5512465374px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -1080px;
    background-size: auto 1200px;
  }
}
#th-overviewfx {
  width: 142.3487544484px;
  background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -1520px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-overviewfx {
    width: 106.7615658363px;
    background: url("/assets/images/toc/introduction/thumbnail.webp") 0 -1140px;
    background-size: auto 1200px;
  }
}
#th-palmcomparison {
  width: 123.2665639445px;
  background: url("/assets/images/toc/chapter-01/thumbnail.webp") 0 0px;
  background-size: auto 480px;
}

@media only screen and (max-width: 600px) {
  #th-palmcomparison {
    width: 92.4499229584px;
    background: url("/assets/images/toc/chapter-01/thumbnail.webp") 0 0px;
    background-size: auto 360px;
  }
}
#th-dither {
  width: 67.0016750419px;
  background: url("/assets/images/toc/chapter-01/thumbnail.webp") 0 -80px;
  background-size: auto 480px;
}

@media only screen and (max-width: 600px) {
  #th-dither {
    width: 50.2512562814px;
    background: url("/assets/images/toc/chapter-01/thumbnail.webp") 0 -60px;
    background-size: auto 360px;
  }
}
#th-handedlr {
  width: 120px;
  background: url("/assets/images/toc/chapter-01/thumbnail.webp") 0 -160px;
  background-size: auto 480px;
}

@media only screen and (max-width: 600px) {
  #th-handedlr {
    width: 90px;
    background: url("/assets/images/toc/chapter-01/thumbnail.webp") 0 -120px;
    background-size: auto 360px;
  }
}
#th-genderhandedl {
  width: 120px;
  background: url("/assets/images/toc/chapter-01/thumbnail.webp") 0 -240px;
  background-size: auto 480px;
}

@media only screen and (max-width: 600px) {
  #th-genderhandedl {
    width: 90px;
    background: url("/assets/images/toc/chapter-01/thumbnail.webp") 0 -180px;
    background-size: auto 360px;
  }
}
#th-genderhandedr {
  width: 120px;
  background: url("/assets/images/toc/chapter-01/thumbnail.webp") 0 -320px;
  background-size: auto 480px;
}

@media only screen and (max-width: 600px) {
  #th-genderhandedr {
    width: 90px;
    background: url("/assets/images/toc/chapter-01/thumbnail.webp") 0 -240px;
    background-size: auto 360px;
  }
}
#th-ambihanded {
  width: 120px;
  background: url("/assets/images/toc/chapter-01/thumbnail.webp") 0 -400px;
  background-size: auto 480px;
}

@media only screen and (max-width: 600px) {
  #th-ambihanded {
    width: 90px;
    background: url("/assets/images/toc/chapter-01/thumbnail.webp") 0 -300px;
    background-size: auto 360px;
  }
}
#th-scissors {
  width: 60px;
  background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 0px;
  background-size: auto 720px;
}

@media only screen and (max-width: 600px) {
  #th-scissors {
    width: 45px;
    background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 0px;
    background-size: auto 540px;
  }
}
#th-handedpredictorsrl {
  width: 120px;
  background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -80px;
  background-size: auto 720px;
}

@media only screen and (max-width: 600px) {
  #th-handedpredictorsrl {
    width: 90px;
    background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -60px;
    background-size: auto 540px;
  }
}
#th-handedscorel {
  width: 120px;
  background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -160px;
  background-size: auto 720px;
}

@media only screen and (max-width: 600px) {
  #th-handedscorel {
    width: 90px;
    background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -120px;
    background-size: auto 540px;
  }
}
#th-handedscorer {
  width: 120px;
  background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -240px;
  background-size: auto 720px;
}

@media only screen and (max-width: 600px) {
  #th-handedscorer {
    width: 90px;
    background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -180px;
    background-size: auto 540px;
  }
}
#th-handedscorebn {
  width: 120px;
  background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -320px;
  background-size: auto 720px;
}

@media only screen and (max-width: 600px) {
  #th-handedscorebn {
    width: 90px;
    background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -240px;
    background-size: auto 540px;
  }
}
#th-handedpredictorsbn {
  width: 120px;
  background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -400px;
  background-size: auto 720px;
}

@media only screen and (max-width: 600px) {
  #th-handedpredictorsbn {
    width: 90px;
    background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -300px;
    background-size: auto 540px;
  }
}
#th-residentialschool {
  width: 106.6666666667px;
  background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -480px;
  background-size: auto 720px;
}

@media only screen and (max-width: 600px) {
  #th-residentialschool {
    width: 80px;
    background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -360px;
    background-size: auto 540px;
  }
}
#th-purplehands {
  width: 62.4163027656px;
  background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -560px;
  background-size: auto 720px;
}

@media only screen and (max-width: 600px) {
  #th-purplehands {
    width: 46.8122270742px;
    background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -420px;
    background-size: auto 540px;
  }
}
#th-manos {
  width: 106.6666666667px;
  background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -640px;
  background-size: auto 720px;
}

@media only screen and (max-width: 600px) {
  #th-manos {
    width: 80px;
    background: url("/assets/images/toc/chapter-02/thumbnail.webp") 0 -480px;
    background-size: auto 540px;
  }
}
#th-iamesnaylor {
  width: 57.7756379393px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 0px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-iamesnaylor {
    width: 43.3317284545px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 0px;
    background-size: auto 960px;
  }
}
#th-naylor2 {
  width: 112.3942352394px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -80px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-naylor2 {
    width: 84.2956764296px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -60px;
    background-size: auto 960px;
  }
}
#th-jewishwomen {
  width: 120px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -160px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-jewishwomen {
    width: 90px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -120px;
    background-size: auto 960px;
  }
}
#th-jonathanwalker {
  width: 120.8459214502px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -240px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-jonathanwalker {
    width: 90.6344410876px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -180px;
    background-size: auto 960px;
  }
}
#th-slavestealer {
  width: 99.5850622407px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -320px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-slavestealer {
    width: 74.6887966805px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -240px;
    background-size: auto 960px;
  }
}
#th-sheepfromgoats {
  width: 107.6233183857px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -400px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-sheepfromgoats {
    width: 80.7174887892px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -300px;
    background-size: auto 960px;
  }
}
#th-lombroso {
  width: 55.7103064067px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -480px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-lombroso {
    width: 41.782729805px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -360px;
    background-size: auto 960px;
  }
}
#th-lombrosohead {
  width: 110.9057301294px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -560px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-lombrosohead {
    width: 83.179297597px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -420px;
    background-size: auto 960px;
  }
}
#th-baconidiot {
  width: 123.9936608558px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -640px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-baconidiot {
    width: 92.9952456418px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -480px;
    background-size: auto 960px;
  }
}
#th-fossetteoccipital {
  width: 61.7283950617px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -720px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-fossetteoccipital {
    width: 46.2962962963px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -540px;
    background-size: auto 960px;
  }
}
#th-monkeyear {
  width: 77.519379845px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -800px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-monkeyear {
    width: 58.1395348837px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -600px;
    background-size: auto 960px;
  }
}
#th-ears {
  width: 96.3081861958px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -880px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-ears {
    width: 72.2311396469px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -660px;
    background-size: auto 960px;
  }
}
#th-ladro1 {
  width: 62.1813403417px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -960px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-ladro1 {
    width: 46.6360052562px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -720px;
    background-size: auto 960px;
  }
}
#th-ladro2 {
  width: 50.8102667338px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -1040px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-ladro2 {
    width: 38.1077000503px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -780px;
    background-size: auto 960px;
  }
}
#th-fliess {
  width: 78.6369593709px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -1120px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-fliess {
    width: 58.9777195282px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -840px;
    background-size: auto 960px;
  }
}
#th-handedsexminority {
  width: 120px;
  background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -1200px;
  background-size: auto 1280px;
}

@media only screen and (max-width: 600px) {
  #th-handedsexminority {
    width: 90px;
    background: url("/assets/images/toc/chapter-03/thumbnail.webp") 0 -900px;
    background-size: auto 960px;
  }
}
#th-atomfriend {
  width: 121.2121212121px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 0px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-atomfriend {
    width: 90.9090909091px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 0px;
    background-size: auto 900px;
  }
}
#th-jetsons {
  width: 161.1707317073px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -80px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-jetsons {
    width: 120.8780487805px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -60px;
    background-size: auto 900px;
  }
}
#th-normanrockwell {
  width: 61.8427902134px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -160px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-normanrockwell {
    width: 46.3820926601px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -120px;
    background-size: auto 900px;
  }
}
#th-marynichols {
  width: 63.9658848614px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -240px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-marynichols {
    width: 47.9744136461px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -180px;
    background-size: auto 900px;
  }
}
#th-womensearnings {
  width: 120px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -320px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-womensearnings {
    width: 90px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -240px;
    background-size: auto 900px;
  }
}
#th-bradybunch {
  width: 104.8034934498px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -400px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-bradybunch {
    width: 78.6026200873px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -300px;
    background-size: auto 900px;
  }
}
#th-marypoppins {
  width: 58.9101620029px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -480px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-marypoppins {
    width: 44.1826215022px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -360px;
    background-size: auto 900px;
  }
}
#th-tamarins {
  width: 145.9854014599px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -560px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-tamarins {
    width: 109.4890510949px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -420px;
    background-size: auto 900px;
  }
}
#th-poorlaw {
  width: 59.6718050721px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -640px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-poorlaw {
    width: 44.7538538041px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -480px;
    background-size: auto 900px;
  }
}
#th-victorianpoverty {
  width: 98.1996726678px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -720px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-victorianpoverty {
    width: 73.6497545008px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -540px;
    background-size: auto 900px;
  }
}
#th-felakuti {
  width: 58.7659157689px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -800px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-felakuti {
    width: 44.0744368266px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -600px;
    background-size: auto 900px;
  }
}
#th-draupadi {
  width: 58.7659157689px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -880px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-draupadi {
    width: 44.0744368266px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -660px;
    background-size: auto 900px;
  }
}
#th-gulistanharem {
  width: 124.135021097px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -960px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-gulistanharem {
    width: 93.1012658228px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -720px;
    background-size: auto 900px;
  }
}
#th-polygamylegal {
  width: 129.2307692308px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -1040px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-polygamylegal {
    width: 96.9230769231px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -780px;
    background-size: auto 900px;
  }
}
#th-spacecolony {
  width: 101.5228426396px;
  background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -1120px;
  background-size: auto 1200px;
}

@media only screen and (max-width: 600px) {
  #th-spacecolony {
    width: 76.1421319797px;
    background: url("/assets/images/toc/chapter-04/thumbnail.webp") 0 -840px;
    background-size: auto 900px;
  }
}
#th-donnaharaway {
  width: 76.1904761905px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 0px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-donnaharaway {
    width: 57.1428571429px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 0px;
    background-size: auto 1260px;
  }
}
#th-humboldtecology {
  width: 189.8734177215px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -80px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-humboldtecology {
    width: 142.4050632911px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -60px;
    background-size: auto 1260px;
  }
}
#th-humboldt {
  width: 61.3810741688px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -160px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-humboldt {
    width: 46.0358056266px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -120px;
    background-size: auto 1260px;
  }
}
#th-scalanaturae {
  width: 55.4785020804px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -240px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-scalanaturae {
    width: 41.6088765603px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -180px;
    background-size: auto 1260px;
  }
}
#th-lordbaconstamp {
  width: 61.7601646938px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -320px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-lordbaconstamp {
    width: 46.3201235203px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -240px;
    background-size: auto 1260px;
  }
}
#th-berninirape {
  width: 43.7300613497px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -400px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-berninirape {
    width: 32.7975460123px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -300px;
    background-size: auto 1260px;
  }
}
#th-himalaya {
  width: 86.6617538688px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -480px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-himalaya {
    width: 64.9963154016px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -360px;
    background-size: auto 1260px;
  }
}
#th-earthrise {
  width: 116.1665053243px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -560px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-earthrise {
    width: 87.1248789932px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -420px;
    background-size: auto 1260px;
  }
}
#th-atalantafugiens {
  width: 80px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -640px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-atalantafugiens {
    width: 60px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -480px;
    background-size: auto 1260px;
  }
}
#th-zellgaia {
  width: 57.2246065808px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -720px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-zellgaia {
    width: 42.9184549356px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -540px;
    background-size: auto 1260px;
  }
}
#th-greeneggone {
  width: 80.6451612903px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -800px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-greeneggone {
    width: 60.4838709677px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -600px;
    background-size: auto 1260px;
  }
}
#th-schizophyllum {
  width: 124.8699271592px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -880px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-schizophyllum {
    width: 93.6524453694px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -660px;
    background-size: auto 1260px;
  }
}
#th-margulis {
  width: 50.4625735913px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -960px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-margulis {
    width: 37.8469301934px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -720px;
    background-size: auto 1260px;
  }
}
#th-oberon {
  width: 53.5236396075px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -1040px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-oberon {
    width: 40.1427297056px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -780px;
    background-size: auto 1260px;
  }
}
#th-zellcouple {
  width: 70.5620753552px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -1120px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-zellcouple {
    width: 52.9215565164px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -840px;
    background-size: auto 1260px;
  }
}
#th-collating {
  width: 78.6369593709px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -1200px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-collating {
    width: 58.9777195282px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -900px;
    background-size: auto 1260px;
  }
}
#th-stirpiculture {
  width: 111.3172541744px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -1280px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-stirpiculture {
    width: 83.4879406308px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -960px;
    background-size: auto 1260px;
  }
}
#th-childrenshour {
  width: 111.3172541744px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -1360px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-childrenshour {
    width: 83.4879406308px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -1020px;
    background-size: auto 1260px;
  }
}
#th-patriarchypyramid {
  width: 85.3485064011px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -1440px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-patriarchypyramid {
    width: 64.0113798009px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -1080px;
    background-size: auto 1260px;
  }
}
#th-churchofallworlds {
  width: 127.2534464475px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -1520px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-churchofallworlds {
    width: 95.4400848356px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -1140px;
    background-size: auto 1260px;
  }
}
#th-greeneggtribute {
  width: 60.6060606061px;
  background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -1600px;
  background-size: auto 1680px;
}

@media only screen and (max-width: 600px) {
  #th-greeneggtribute {
    width: 45.4545454545px;
    background: url("/assets/images/toc/chapter-04.5/thumbnail.webp") 0 -1200px;
    background-size: auto 1260px;
  }
}
#th-children {
  width: 106.6666666667px;
  background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 0px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-children {
    width: 80px;
    background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 0px;
    background-size: auto 780px;
  }
}
#th-married {
  width: 120px;
  background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -80px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-married {
    width: 90px;
    background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -60px;
    background-size: auto 780px;
  }
}
#th-kurdistangrandma {
  width: 114.8325358852px;
  background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -160px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-kurdistangrandma {
    width: 86.1244019139px;
    background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -120px;
    background-size: auto 780px;
  }
}
#th-marriedid {
  width: 120px;
  background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -240px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-marriedid {
    width: 90px;
    background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -180px;
    background-size: auto 780px;
  }
}
#th-polynotnonmonog {
  width: 120px;
  background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -320px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-polynotnonmonog {
    width: 90px;
    background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -240px;
    background-size: auto 780px;
  }
}
#th-vintagegay {
  width: 60.7287449393px;
  background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -400px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-vintagegay {
    width: 45.5465587045px;
    background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -300px;
    background-size: auto 780px;
  }
}
#th-thisisthelife {
  width: 127.9317697228px;
  background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -480px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-thisisthelife {
    width: 95.9488272921px;
    background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -360px;
    background-size: auto 780px;
  }
}
#th-estheranddan {
  width: 124.2036836403px;
  background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -560px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-estheranddan {
    width: 93.1527627302px;
    background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -420px;
    background-size: auto 780px;
  }
}
#th-fpolynonmonog {
  width: 120px;
  background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -640px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-fpolynonmonog {
    width: 90px;
    background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -480px;
    background-size: auto 780px;
  }
}
#th-polynonmonogfm {
  width: 120px;
  background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -720px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-polynonmonogfm {
    width: 90px;
    background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -540px;
    background-size: auto 780px;
  }
}
#th-bloomsbury {
  width: 69.3641618497px;
  background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -800px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-bloomsbury {
    width: 52.0231213873px;
    background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -600px;
    background-size: auto 780px;
  }
}
#th-monogabcd {
  width: 120px;
  background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -880px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-monogabcd {
    width: 90px;
    background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -660px;
    background-size: auto 780px;
  }
}
#th-bidentitycard {
  width: 126.9841269841px;
  background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -960px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-bidentitycard {
    width: 95.2380952381px;
    background: url("/assets/images/toc/chapter-05/thumbnail.webp") 0 -720px;
    background-size: auto 780px;
  }
}
#th-blackwell {
  width: 56.6037735849px;
  background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 0px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-blackwell {
    width: 42.4528301887px;
    background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 0px;
    background-size: auto 840px;
  }
}
#th-laviniadock {
  width: 62.5325690464px;
  background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -80px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-laviniadock {
    width: 46.8994267848px;
    background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -60px;
    background-size: auto 840px;
  }
}
#th-bigfamilies {
  width: 392px;
  background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -160px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-bigfamilies {
    width: 294px;
    background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -120px;
    background-size: auto 840px;
  }
}
#th-kalogynomia {
  width: 55.5812876332px;
  background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -240px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-kalogynomia {
    width: 41.6859657249px;
    background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -180px;
    background-size: auto 840px;
  }
}
#th-krafftebing {
  width: 57.2246065808px;
  background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -320px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-krafftebing {
    width: 42.9184549356px;
    background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -240px;
    background-size: auto 840px;
  }
}
#th-sandor {
  width: 71.0900473934px;
  background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -400px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-sandor {
    width: 53.317535545px;
    background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -300px;
    background-size: auto 840px;
  }
}
#th-craniometry {
  width: 120.1201201201px;
  background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -480px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-craniometry {
    width: 90.0900900901px;
    background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -360px;
    background-size: auto 840px;
  }
}
#th-hamlet {
  width: 64px;
  background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -560px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-hamlet {
    width: 48px;
    background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -420px;
    background-size: auto 840px;
  }
}
#th-gayprotest {
  width: 119.6410767697px;
  background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -640px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-gayprotest {
    width: 89.7308075773px;
    background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -480px;
    background-size: auto 840px;
  }
}
#th-gittingskamenyfryer {
  width: 128.4796573876px;
  background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -720px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-gittingskamenyfryer {
    width: 96.3597430407px;
    background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -540px;
    background-size: auto 840px;
  }
}
#th-gaycured {
  width: 53.9811066127px;
  background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -800px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-gaycured {
    width: 40.4858299595px;
    background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -600px;
    background-size: auto 840px;
  }
}
#th-bergonicchair {
  width: 114.7227533461px;
  background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -880px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-bergonicchair {
    width: 86.0420650096px;
    background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -660px;
    background-size: auto 840px;
  }
}
#th-heathlab {
  width: 150.1877346683px;
  background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -960px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-heathlab {
    width: 112.6408010013px;
    background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -720px;
    background-size: auto 840px;
  }
}
#th-headpiece {
  width: 162.1621621622px;
  background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -1040px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-headpiece {
    width: 121.6216216216px;
    background: url("/assets/images/toc/chapter-06/thumbnail.webp") 0 -780px;
    background-size: auto 840px;
  }
}
#th-hetero {
  width: 120px;
  background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 0px;
  background-size: auto 960px;
}

@media only screen and (max-width: 600px) {
  #th-hetero {
    width: 90px;
    background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 0px;
    background-size: auto 720px;
  }
}
#th-nsexattr {
  width: 120px;
  background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -80px;
  background-size: auto 960px;
}

@media only screen and (max-width: 600px) {
  #th-nsexattr {
    width: 90px;
    background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -60px;
    background-size: auto 720px;
  }
}
#th-ace {
  width: 120px;
  background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -160px;
  background-size: auto 960px;
}

@media only screen and (max-width: 600px) {
  #th-ace {
    width: 90px;
    background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -120px;
    background-size: auto 720px;
  }
}
#th-kinseyscale {
  width: 73.304825901px;
  background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -240px;
  background-size: auto 960px;
}

@media only screen and (max-width: 600px) {
  #th-kinseyscale {
    width: 54.9786194258px;
    background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -180px;
    background-size: auto 720px;
  }
}
#th-acebi {
  width: 108.7941976428px;
  background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -320px;
  background-size: auto 960px;
}

@media only screen and (max-width: 600px) {
  #th-acebi {
    width: 81.5956482321px;
    background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -240px;
    background-size: auto 720px;
  }
}
#th-vintagelesbian {
  width: 105.3555750658px;
  background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -400px;
  background-size: auto 960px;
}

@media only screen and (max-width: 600px) {
  #th-vintagelesbian {
    width: 79.0166812994px;
    background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -300px;
    background-size: auto 720px;
  }
}
#th-arom {
  width: 120px;
  background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -480px;
  background-size: auto 960px;
}

@media only screen and (max-width: 600px) {
  #th-arom {
    width: 90px;
    background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -360px;
    background-size: auto 720px;
  }
}
#th-vintagelesbians2 {
  width: 52.6315789474px;
  background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -560px;
  background-size: auto 960px;
}

@media only screen and (max-width: 600px) {
  #th-vintagelesbians2 {
    width: 39.4736842105px;
    background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -420px;
    background-size: auto 720px;
  }
}
#th-yearmonog {
  width: 120px;
  background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -640px;
  background-size: auto 960px;
}

@media only screen and (max-width: 600px) {
  #th-yearmonog {
    width: 90px;
    background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -480px;
    background-size: auto 720px;
  }
}
#th-avioniii {
  width: 62.0475698035px;
  background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -720px;
  background-size: auto 960px;
}

@media only screen and (max-width: 600px) {
  #th-avioniii {
    width: 46.5356773526px;
    background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -540px;
    background-size: auto 720px;
  }
}
#th-supersonic {
  width: 57.7016129032px;
  background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -800px;
  background-size: auto 960px;
}

@media only screen and (max-width: 600px) {
  #th-supersonic {
    width: 43.2762096774px;
    background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -600px;
    background-size: auto 720px;
  }
}
#th-mandarinduck {
  width: 109.4890510949px;
  background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -880px;
  background-size: auto 960px;
}

@media only screen and (max-width: 600px) {
  #th-mandarinduck {
    width: 82.1167883212px;
    background: url("/assets/images/toc/chapter-07/thumbnail.webp") 0 -660px;
    background-size: auto 720px;
  }
}
#th-lgbtqrainbow {
  width: 120px;
  background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 0px;
  background-size: auto 880px;
}

@media only screen and (max-width: 600px) {
  #th-lgbtqrainbow {
    width: 90px;
    background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 0px;
    background-size: auto 660px;
  }
}
#th-lgbtqbi {
  width: 120px;
  background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -80px;
  background-size: auto 880px;
}

@media only screen and (max-width: 600px) {
  #th-lgbtqbi {
    width: 90px;
    background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -60px;
    background-size: auto 660px;
  }
}
#th-bi {
  width: 120px;
  background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -160px;
  background-size: auto 880px;
}

@media only screen and (max-width: 600px) {
  #th-bi {
    width: 90px;
    background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -120px;
    background-size: auto 660px;
  }
}
#th-yearbi {
  width: 120px;
  background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -240px;
  background-size: auto 880px;
}

@media only screen and (max-width: 600px) {
  #th-yearbi {
    width: 90px;
    background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -180px;
    background-size: auto 660px;
  }
}
#th-kinseyspring {
  width: 109.2896174863px;
  background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -320px;
  background-size: auto 880px;
}

@media only screen and (max-width: 600px) {
  #th-kinseyspring {
    width: 81.9672131148px;
    background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -240px;
    background-size: auto 660px;
  }
}
#th-mccarthycosmo {
  width: 58.3373845406px;
  background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -400px;
  background-size: auto 880px;
}

@media only screen and (max-width: 600px) {
  #th-mccarthycosmo {
    width: 43.7530384054px;
    background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -300px;
    background-size: auto 660px;
  }
}
#th-demi {
  width: 120px;
  background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -480px;
  background-size: auto 880px;
}

@media only screen and (max-width: 600px) {
  #th-demi {
    width: 90px;
    background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -360px;
    background-size: auto 660px;
  }
}
#th-lg {
  width: 120px;
  background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -560px;
  background-size: auto 880px;
}

@media only screen and (max-width: 600px) {
  #th-lg {
    width: 90px;
    background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -420px;
    background-size: auto 660px;
  }
}
#th-lgexclssa {
  width: 120px;
  background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -640px;
  background-size: auto 880px;
}

@media only screen and (max-width: 600px) {
  #th-lgexclssa {
    width: 90px;
    background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -480px;
    background-size: auto 660px;
  }
}
#th-exclssa {
  width: 120px;
  background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -720px;
  background-size: auto 880px;
}

@media only screen and (max-width: 600px) {
  #th-exclssa {
    width: 90px;
    background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -540px;
    background-size: auto 660px;
  }
}
#th-italiaandgermania {
  width: 89.485458613px;
  background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -800px;
  background-size: auto 880px;
}

@media only screen and (max-width: 600px) {
  #th-italiaandgermania {
    width: 67.1140939597px;
    background: url("/assets/images/toc/chapter-08/thumbnail.webp") 0 -600px;
    background-size: auto 660px;
  }
}
#th-yearqueer {
  width: 120px;
  background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 0px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-yearqueer {
    width: 90px;
    background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 0px;
    background-size: auto 840px;
  }
}
#th-queer {
  width: 120px;
  background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -80px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-queer {
    width: 90px;
    background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -60px;
    background-size: auto 840px;
  }
}
#th-wildedouglas {
  width: 57.4437529919px;
  background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -160px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-wildedouglas {
    width: 43.0828147439px;
    background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -120px;
    background-size: auto 840px;
  }
}
#th-queerlg {
  width: 120px;
  background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -240px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-queerlg {
    width: 90px;
    background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -180px;
    background-size: auto 840px;
  }
}
#th-queerbi {
  width: 120px;
  background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -320px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-queerbi {
    width: 90px;
    background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -240px;
    background-size: auto 840px;
  }
}
#th-warpeddesire {
  width: 48.2110469909px;
  background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -400px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-warpeddesire {
    width: 36.1582852432px;
    background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -300px;
    background-size: auto 840px;
  }
}
#th-lesbianbarmap {
  width: 123.6363636364px;
  background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -480px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-lesbianbarmap {
    width: 92.7272727273px;
    background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -360px;
    background-size: auto 840px;
  }
}
#th-lesbianbarproject {
  width: 121.4574898785px;
  background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -560px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-lesbianbarproject {
    width: 91.0931174089px;
    background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -420px;
    background-size: auto 840px;
  }
}
#th-erotisme {
  width: 258.8438308887px;
  background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -640px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-erotisme {
    width: 194.1328731665px;
    background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -480px;
    background-size: auto 840px;
  }
}
#th-londonbrothel {
  width: 136.3636363636px;
  background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -720px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-londonbrothel {
    width: 102.2727272727px;
    background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -540px;
    background-size: auto 840px;
  }
}
#th-sexworker {
  width: 64.2054574639px;
  background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -800px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-sexworker {
    width: 48.1540930979px;
    background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -600px;
    background-size: auto 840px;
  }
}
#th-syphilis {
  width: 55.9179869525px;
  background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -880px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-syphilis {
    width: 41.9384902144px;
    background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -660px;
    background-size: auto 840px;
  }
}
#th-syphilisdeathbed {
  width: 114.5038167939px;
  background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -960px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-syphilisdeathbed {
    width: 85.8778625954px;
    background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -720px;
    background-size: auto 840px;
  }
}
#th-antimasturbationpatent {
  width: 56.3115908024px;
  background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -1040px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-antimasturbationpatent {
    width: 42.2336931018px;
    background: url("/assets/images/toc/chapter-09/thumbnail.webp") 0 -780px;
    background-size: auto 840px;
  }
}
#th-nxorthey {
  width: 120px;
  background: url("/assets/images/toc/chapter-10/thumbnail.webp") 0 0px;
  background-size: auto 320px;
}

@media only screen and (max-width: 600px) {
  #th-nxorthey {
    width: 90px;
    background: url("/assets/images/toc/chapter-10/thumbnail.webp") 0 0px;
    background-size: auto 240px;
  }
}
#th-pronounpins {
  width: 85.2878464819px;
  background: url("/assets/images/toc/chapter-10/thumbnail.webp") 0 -80px;
  background-size: auto 320px;
}

@media only screen and (max-width: 600px) {
  #th-pronounpins {
    width: 63.9658848614px;
    background: url("/assets/images/toc/chapter-10/thumbnail.webp") 0 -60px;
    background-size: auto 240px;
  }
}
#th-gqgfnb {
  width: 120px;
  background: url("/assets/images/toc/chapter-10/thumbnail.webp") 0 -160px;
  background-size: auto 320px;
}

@media only screen and (max-width: 600px) {
  #th-gqgfnb {
    width: 90px;
    background: url("/assets/images/toc/chapter-10/thumbnail.webp") 0 -120px;
    background-size: auto 240px;
  }
}
#th-nb {
  width: 120px;
  background: url("/assets/images/toc/chapter-10/thumbnail.webp") 0 -240px;
  background-size: auto 320px;
}

@media only screen and (max-width: 600px) {
  #th-nb {
    width: 90px;
    background: url("/assets/images/toc/chapter-10/thumbnail.webp") 0 -180px;
    background-size: auto 240px;
  }
}
#th-intersexbirthcert {
  width: 118.1102362205px;
  background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 0px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-intersexbirthcert {
    width: 88.5826771654px;
    background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 0px;
    background-size: auto 840px;
  }
}
#th-intersex {
  width: 120px;
  background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -80px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-intersex {
    width: 90px;
    background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -60px;
    background-size: auto 840px;
  }
}
#th-binoculars {
  width: 59.1133004926px;
  background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -160px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-binoculars {
    width: 44.3349753695px;
    background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -120px;
    background-size: auto 840px;
  }
}
#th-homology {
  width: 62.5325690464px;
  background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -240px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-homology {
    width: 46.8994267848px;
    background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -180px;
    background-size: auto 840px;
  }
}
#th-quigley {
  width: 291.0769230769px;
  background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -320px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-quigley {
    width: 218.3076923077px;
    background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -240px;
    background-size: auto 840px;
  }
}
#th-nettiestevens {
  width: 66.1886376172px;
  background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -400px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-nettiestevens {
    width: 49.6414782129px;
    background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -300px;
    background-size: auto 840px;
  }
}
#th-chimericrose {
  width: 77.6699029126px;
  background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -480px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-chimericrose {
    width: 58.2524271845px;
    background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -360px;
    background-size: auto 840px;
  }
}
#th-chimeras {
  width: 253px;
  background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -560px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-chimeras {
    width: 189.75px;
    background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -420px;
    background-size: auto 840px;
  }
}
#th-ais {
  width: 143.1980906921px;
  background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -640px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-ais {
    width: 107.3985680191px;
    background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -480px;
    background-size: auto 840px;
  }
}
#th-hammondpreface {
  width: 117.4168297456px;
  background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -720px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-hammondpreface {
    width: 88.0626223092px;
    background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -540px;
    background-size: auto 840px;
  }
}
#th-hypospadiasbefore {
  width: 51.391862955px;
  background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -800px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-hypospadiasbefore {
    width: 38.5438972163px;
    background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -600px;
    background-size: auto 840px;
  }
}
#th-hypospadiasafter {
  width: 51.391862955px;
  background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -880px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-hypospadiasafter {
    width: 38.5438972163px;
    background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -660px;
    background-size: auto 840px;
  }
}
#th-enlargedclitoris {
  width: 51.391862955px;
  background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -960px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-enlargedclitoris {
    width: 38.5438972163px;
    background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -720px;
    background-size: auto 840px;
  }
}
#th-anniesprinkle {
  width: 53.1914893617px;
  background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -1040px;
  background-size: auto 1120px;
}

@media only screen and (max-width: 600px) {
  #th-anniesprinkle {
    width: 39.8936170213px;
    background: url("/assets/images/toc/chapter-11/thumbnail.webp") 0 -780px;
    background-size: auto 840px;
  }
}
#th-linguistic {
  width: 151.3240857503px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 0px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-linguistic {
    width: 113.4930643127px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 0px;
    background-size: auto 1500px;
  }
}
#th-reimerselfportrait {
  width: 33.9270568278px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -80px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-reimerselfportrait {
    width: 25.4452926209px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -60px;
    background-size: auto 1500px;
  }
}
#th-youngjanetframe {
  width: 51.391862955px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -160px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-youngjanetframe {
    width: 38.5438972163px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -120px;
    background-size: auto 1500px;
  }
}
#th-johnmoney1946 {
  width: 52.4246395806px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -240px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-johnmoney1946 {
    width: 39.3184796855px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -180px;
    background-size: auto 1500px;
  }
}
#th-seacliffplan {
  width: 121.8274111675px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -320px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-seacliffplan {
    width: 91.3705583756px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -240px;
    background-size: auto 1500px;
  }
}
#th-seacliffnurses {
  width: 116.7315175097px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -400px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-seacliffnurses {
    width: 87.5486381323px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -300px;
    background-size: auto 1500px;
  }
}
#th-paraphilias {
  width: 78.9993416722px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -480px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-paraphilias {
    width: 59.2495062541px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -360px;
    background-size: auto 1500px;
  }
}
#th-gidschematic {
  width: 57.3888091822px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -560px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-gidschematic {
    width: 43.0416068867px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -420px;
    background-size: auto 1500px;
  }
}
#th-sextable {
  width: 26.7916945747px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -640px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-sextable {
    width: 20.093770931px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -480px;
    background-size: auto 1500px;
  }
}
#th-healthiness {
  width: 125.8271604938px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -720px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-healthiness {
    width: 94.3703703704px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -540px;
    background-size: auto 1500px;
  }
}
#th-lobotomy {
  width: 60.0300150075px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -800px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-lobotomy {
    width: 45.0225112556px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -600px;
    background-size: auto 1500px;
  }
}
#th-moneyframe1987 {
  width: 117.4168297456px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -880px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-moneyframe1987 {
    width: 88.0626223092px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -660px;
    background-size: auto 1500px;
  }
}
#th-lavenderreport {
  width: 49.7718788884px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -960px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-lavenderreport {
    width: 37.3289091663px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -720px;
    background-size: auto 1500px;
  }
}
#th-chromosomesgonads {
  width: 45.8015267176px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1040px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-chromosomesgonads {
    width: 34.3511450382px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -780px;
    background-size: auto 1500px;
  }
}
#th-stanley {
  width: 119.1658391261px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1120px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-stanley {
    width: 89.3743793446px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -840px;
    background-size: auto 1500px;
  }
}
#th-andreaboy {
  width: 208.6956521739px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1200px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-andreaboy {
    width: 156.5217391304px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -900px;
    background-size: auto 1500px;
  }
}
#th-andrea {
  width: 115.6069364162px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1280px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-andrea {
    width: 86.7052023121px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -960px;
    background-size: auto 1500px;
  }
}
#th-twins {
  width: 57.8871201158px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1360px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-twins {
    width: 43.4153400868px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1020px;
    background-size: auto 1500px;
  }
}
#th-youngreimer {
  width: 119.5219123506px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1440px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-youngreimer {
    width: 89.6414342629px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1080px;
    background-size: auto 1500px;
  }
}
#th-genderfeedback {
  width: 132.1585903084px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1520px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-genderfeedback {
    width: 99.1189427313px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1140px;
    background-size: auto 1500px;
  }
}
#th-tomboyism {
  width: 80.0533689126px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1600px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-tomboyism {
    width: 60.0400266845px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1200px;
    background-size: auto 1500px;
  }
}
#th-davidreimer {
  width: 61.6332819723px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1680px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-davidreimer {
    width: 46.2249614792px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1260px;
    background-size: auto 1500px;
  }
}
#th-reimermarriage {
  width: 121.8274111675px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1760px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-reimermarriage {
    width: 91.3705583756px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1320px;
    background-size: auto 1500px;
  }
}
#th-moneyapartment {
  width: 120.2404809619px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1840px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-moneyapartment {
    width: 90.1803607214px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1380px;
    background-size: auto 1500px;
  }
}
#th-moneycollection {
  width: 125.786163522px;
  background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1920px;
  background-size: auto 2000px;
}

@media only screen and (max-width: 600px) {
  #th-moneycollection {
    width: 94.3396226415px;
    background: url("/assets/images/toc/chapter-11.5/thumbnail.webp") 0 -1440px;
    background-size: auto 1500px;
  }
}
#th-boviepatent {
  width: 163.5620172649px;
  background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 0px;
  background-size: auto 800px;
}

@media only screen and (max-width: 600px) {
  #th-boviepatent {
    width: 122.6715129487px;
    background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 0px;
    background-size: auto 600px;
  }
}
#th-antiquebovie {
  width: 103.986135182px;
  background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -80px;
  background-size: auto 800px;
}

@media only screen and (max-width: 600px) {
  #th-antiquebovie {
    width: 77.9896013865px;
    background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -60px;
    background-size: auto 600px;
  }
}
#th-intersexaab {
  width: 120px;
  background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -160px;
  background-size: auto 800px;
}

@media only screen and (max-width: 600px) {
  #th-intersexaab {
    width: 90px;
    background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -120px;
    background-size: auto 600px;
  }
}
#th-artificialvagina {
  width: 58.0551523948px;
  background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -240px;
  background-size: auto 800px;
}

@media only screen and (max-width: 600px) {
  #th-artificialvagina {
    width: 43.5413642961px;
    background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -180px;
    background-size: auto 600px;
  }
}
#th-sexratiomap {
  width: 129.2307692308px;
  background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -320px;
  background-size: auto 800px;
}

@media only screen and (max-width: 600px) {
  #th-sexratiomap {
    width: 96.9230769231px;
    background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -240px;
    background-size: auto 600px;
  }
}
#th-sekundar {
  width: 157.0680628272px;
  background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -400px;
  background-size: auto 800px;
}

@media only screen and (max-width: 600px) {
  #th-sekundar {
    width: 117.8010471204px;
    background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -300px;
    background-size: auto 600px;
  }
}
#th-intersexrightsmap {
  width: 129.2307692308px;
  background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -480px;
  background-size: auto 800px;
}

@media only screen and (max-width: 600px) {
  #th-intersexrightsmap {
    width: 96.9230769231px;
    background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -360px;
    background-size: auto 600px;
  }
}
#th-intersexprotest {
  width: 110.1928374656px;
  background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -560px;
  background-size: auto 800px;
}

@media only screen and (max-width: 600px) {
  #th-intersexprotest {
    width: 82.6446280992px;
    background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -420px;
    background-size: auto 600px;
  }
}
#th-hermafrodite {
  width: 41.265474553px;
  background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -640px;
  background-size: auto 800px;
}

@media only screen and (max-width: 600px) {
  #th-hermafrodite {
    width: 30.9491059147px;
    background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -480px;
    background-size: auto 600px;
  }
}
#th-thirdgender {
  width: 220.4995004995px;
  background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -720px;
  background-size: auto 800px;
}

@media only screen and (max-width: 600px) {
  #th-thirdgender {
    width: 165.3746253746px;
    background: url("/assets/images/toc/chapter-12/thumbnail.webp") 0 -540px;
    background-size: auto 600px;
  }
}
#th-yeartrans {
  width: 120px;
  background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 0px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-yeartrans {
    width: 90px;
    background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 0px;
    background-size: auto 780px;
  }
}
#th-intersextrans {
  width: 120px;
  background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -80px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-intersextrans {
    width: 90px;
    background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -60px;
    background-size: auto 780px;
  }
}
#th-intersextransoverlap {
  width: 120px;
  background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -160px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-intersextransoverlap {
    width: 90px;
    background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -120px;
    background-size: auto 780px;
  }
}
#th-nbtrans {
  width: 120px;
  background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -240px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-nbtrans {
    width: 90px;
    background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -180px;
    background-size: auto 780px;
  }
}
#th-theytrans {
  width: 120px;
  background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -320px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-theytrans {
    width: 90px;
    background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -240px;
    background-size: auto 780px;
  }
}
#th-theynb {
  width: 120px;
  background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -400px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-theynb {
    width: 90px;
    background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -300px;
    background-size: auto 780px;
  }
}
#th-transaab {
  width: 120px;
  background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -480px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-transaab {
    width: 90px;
    background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -360px;
    background-size: auto 780px;
  }
}
#th-intersextransaab {
  width: 120px;
  background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -560px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-intersextransaab {
    width: 90px;
    background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -420px;
    background-size: auto 780px;
  }
}
#th-priscilla {
  width: 191.3875598086px;
  background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -640px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-priscilla {
    width: 143.5406698565px;
    background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -480px;
    background-size: auto 780px;
  }
}
#th-invertido {
  width: 60.7287449393px;
  background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -720px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-invertido {
    width: 45.5465587045px;
    background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -540px;
    background-size: auto 780px;
  }
}
#th-gidsreferrals {
  width: 120px;
  background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -800px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-gidsreferrals {
    width: 90px;
    background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -600px;
    background-size: auto 780px;
  }
}
#th-gidsaab {
  width: 120px;
  background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -880px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-gidsaab {
    width: 90px;
    background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -660px;
    background-size: auto 780px;
  }
}
#th-buckangel {
  width: 63.3914421553px;
  background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -960px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-buckangel {
    width: 47.5435816165px;
    background: url("/assets/images/toc/chapter-13/thumbnail.webp") 0 -720px;
    background-size: auto 780px;
  }
}
#th-turing {
  width: 58.7704918033px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 0px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-turing {
    width: 44.0778688525px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 0px;
    background-size: auto 1920px;
  }
}
#th-genderpredictorsf {
  width: 120px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -80px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-genderpredictorsf {
    width: 90px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -60px;
    background-size: auto 1920px;
  }
}
#th-genderpredictorsbn {
  width: 120px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -160px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-genderpredictorsbn {
    width: 90px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -120px;
    background-size: auto 1920px;
  }
}
#th-genderscorefpca1 {
  width: 120px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -240px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-genderscorefpca1 {
    width: 90px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -180px;
    background-size: auto 1920px;
  }
}
#th-gendercomponent1 {
  width: 120px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -320px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-gendercomponent1 {
    width: 90px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -240px;
    background-size: auto 1920px;
  }
}
#th-camel {
  width: 110.8033240997px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -400px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-camel {
    width: 83.1024930748px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -300px;
    background-size: auto 1920px;
  }
}
#th-genderheight {
  width: 120px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -480px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-genderheight {
    width: 90px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -360px;
    background-size: auto 1920px;
  }
}
#th-dromedary {
  width: 119.5219123506px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -560px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-dromedary {
    width: 89.6414342629px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -420px;
    background-size: auto 1920px;
  }
}
#th-pca3d {
  width: 120px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -640px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-pca3d {
    width: 90px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -480px;
    background-size: auto 1920px;
  }
}
#th-genderscoref {
  width: 120px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -720px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-genderscoref {
    width: 90px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -540px;
    background-size: auto 1920px;
  }
}
#th-genderscorebn {
  width: 120px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -800px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-genderscorebn {
    width: 90px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -600px;
    background-size: auto 1920px;
  }
}
#th-genderpca2 {
  width: 120px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -880px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-genderpca2 {
    width: 90px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -660px;
    background-size: auto 1920px;
  }
}
#th-pentlandface {
  width: 100.4184100418px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -960px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-pentlandface {
    width: 75.3138075314px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -720px;
    background-size: auto 1920px;
  }
}
#th-mikemikeface {
  width: 119.7604790419px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1040px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-mikemikeface {
    width: 89.8203592814px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -780px;
    background-size: auto 1920px;
  }
}
#th-galton {
  width: 78.6597342577px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1120px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-galton {
    width: 58.9948006932px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -840px;
    background-size: auto 1920px;
  }
}
#th-galtoncomposite {
  width: 257.5107296137px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1200px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-galtoncomposite {
    width: 193.1330472103px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -900px;
    background-size: auto 1920px;
  }
}
#th-galtoncriminality {
  width: 50.7614213198px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1280px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-galtoncriminality {
    width: 38.0710659898px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -960px;
    background-size: auto 1920px;
  }
}
#th-eigenfaces {
  width: 265.5601659751px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1360px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-eigenfaces {
    width: 199.1701244813px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1020px;
    background-size: auto 1920px;
  }
}
#th-wuzhang {
  width: 477.7537796976px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1440px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-wuzhang {
    width: 358.3153347732px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1080px;
    background-size: auto 1920px;
  }
}
#th-todorov {
  width: 149.4573643411px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1520px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-todorov {
    width: 112.0930232558px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1140px;
    background-size: auto 1920px;
  }
}
#th-prendergast {
  width: 66.7037242913px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1600px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-prendergast {
    width: 50.0277932185px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1200px;
    background-size: auto 1920px;
  }
}
#th-lips {
  width: 48.0769230769px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1680px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-lips {
    width: 36.0576923077px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1260px;
    background-size: auto 1920px;
  }
}
#th-savage_lovecast_579 {
  width: 80px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1760px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-savage_lovecast_579 {
    width: 60px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1320px;
    background-size: auto 1920px;
  }
}
#th-wangkosinski {
  width: 317.8753830439px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1840px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-wangkosinski {
    width: 238.4065372829px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1380px;
    background-size: auto 1920px;
  }
}
#th-makeup {
  width: 120px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1920px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-makeup {
    width: 90px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1440px;
    background-size: auto 1920px;
  }
}
#th-eyeshadow {
  width: 120px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -2000px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-eyeshadow {
    width: 90px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1500px;
    background-size: auto 1920px;
  }
}
#th-womenlikeglasses {
  width: 120px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -2080px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-womenlikeglasses {
    width: 90px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1560px;
    background-size: auto 1920px;
  }
}
#th-stubble {
  width: 120px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -2160px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-stubble {
    width: 90px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1620px;
    background-size: auto 1920px;
  }
}
#th-antigaymap {
  width: 129.2307692308px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -2240px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-antigaymap {
    width: 96.9230769231px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1680px;
    background-size: auto 1920px;
  }
}
#th-selfie {
  width: 120.1201201201px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -2320px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-selfie {
    width: 90.0900900901px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1740px;
    background-size: auto 1920px;
  }
}
#th-rocine {
  width: 63.3914421553px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -2400px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-rocine {
    width: 47.5435816165px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1800px;
    background-size: auto 1920px;
  }
}
#th-mugshots {
  width: 184.8998459168px;
  background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -2480px;
  background-size: auto 2560px;
}

@media only screen and (max-width: 600px) {
  #th-mugshots {
    width: 138.6748844376px;
    background: url("/assets/images/toc/chapter-14/thumbnail.webp") 0 -1860px;
    background-size: auto 1920px;
  }
}
#th-target {
  width: 64.5508337816px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 0px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-target {
    width: 48.4131253362px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 0px;
    background-size: auto 1020px;
  }
}
#th-tocalife {
  width: 106.6666666667px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -80px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-tocalife {
    width: 80px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -60px;
    background-size: auto 1020px;
  }
}
#th-phrenologicalbust {
  width: 103.3591731266px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -160px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-phrenologicalbust {
    width: 77.519379845px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -120px;
    background-size: auto 1020px;
  }
}
#th-babbagelovelace {
  width: 136.4411597499px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -240px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-babbagelovelace {
    width: 102.3308698124px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -180px;
    background-size: auto 1020px;
  }
}
#th-criminallesbians {
  width: 48.8003253355px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -320px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-criminallesbians {
    width: 36.6002440016px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -240px;
    background-size: auto 1020px;
  }
}
#th-hilaryhahn {
  width: 80px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -400px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-hilaryhahn {
    width: 60px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -300px;
    background-size: auto 1020px;
  }
}
#th-agriculture {
  width: 117.3020527859px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -480px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-agriculture {
    width: 87.9765395894px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -360px;
    background-size: auto 1020px;
  }
}
#th-hunt {
  width: 171.1840228245px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -560px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-hunt {
    width: 128.3880171184px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -420px;
    background-size: auto 1020px;
  }
}
#th-powerloom {
  width: 121.3821138211px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -640px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-powerloom {
    width: 91.0365853659px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -480px;
    background-size: auto 1020px;
  }
}
#th-housework {
  width: 118.6943620178px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -720px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-housework {
    width: 89.0207715134px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -540px;
    background-size: auto 1020px;
  }
}
#th-najell {
  width: 143.8848920863px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -800px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-najell {
    width: 107.9136690647px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -600px;
    background-size: auto 1020px;
  }
}
#th-artificialwomb {
  width: 48.8201790073px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -880px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-artificialwomb {
    width: 36.6151342555px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -660px;
    background-size: auto 1020px;
  }
}
#th-flipped {
  width: 120px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -960px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-flipped {
    width: 90px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -720px;
    background-size: auto 1020px;
  }
}
#th-boeree {
  width: 110.0412654746px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -1040px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-boeree {
    width: 82.5309491059px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -780px;
    background-size: auto 1020px;
  }
}
#th-contradictions {
  width: 120px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -1120px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-contradictions {
    width: 90px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -840px;
    background-size: auto 1020px;
  }
}
#th-faceapp {
  width: 360px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -1200px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-faceapp {
    width: 270px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -900px;
    background-size: auto 1020px;
  }
}
#th-doginternet {
  width: 70.8026929052px;
  background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -1280px;
  background-size: auto 1360px;
}

@media only screen and (max-width: 600px) {
  #th-doginternet {
    width: 53.1020196789px;
    background: url("/assets/images/toc/chapter-15/thumbnail.webp") 0 -960px;
    background-size: auto 1020px;
  }
}
#th-tataouineatnight {
  width: 120.1201201201px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 0px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-tataouineatnight {
    width: 90.0900900901px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 0px;
    background-size: auto 1740px;
  }
}
#th-moseisley {
  width: 83.857442348px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -80px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-moseisley {
    width: 62.893081761px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -60px;
    background-size: auto 1740px;
  }
}
#th-oola {
  width: 112.32px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -160px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-oola {
    width: 84.24px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -120px;
    background-size: auto 1740px;
  }
}
#th-beebo {
  width: 48.4457004441px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -240px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-beebo {
    width: 36.3342753331px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -180px;
    background-size: auto 1740px;
  }
}
#th-bathhouse {
  width: 102.3017902813px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -320px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-bathhouse {
    width: 76.726342711px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -240px;
    background-size: auto 1740px;
  }
}
#th-monticello {
  width: 106.6666666667px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -400px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-monticello {
    width: 80px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -300px;
    background-size: auto 1740px;
  }
}
#th-interstates {
  width: 165.7458563536px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -480px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-interstates {
    width: 124.3093922652px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -360px;
    background-size: auto 1740px;
  }
}
#th-densitymap {
  width: 113.1861912847px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -560px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-densitymap {
    width: 84.8896434635px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -420px;
    background-size: auto 1740px;
  }
}
#th-smallfarming {
  width: 120.4819277108px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -640px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-smallfarming {
    width: 90.3614457831px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -480px;
    background-size: auto 1740px;
  }
}
#th-urbanization {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -720px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-urbanization {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -540px;
    background-size: auto 1740px;
  }
}
#th-cumpoparea {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -800px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-cumpoparea {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -600px;
    background-size: auto 1740px;
  }
}
#th-definitions {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -880px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-definitions {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -660px;
    background-size: auto 1740px;
  }
}
#th-suburb {
  width: 125px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -960px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-suburb {
    width: 93.75px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -720px;
    background-size: auto 1740px;
  }
}
#th-differingdefinitions {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1040px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-differingdefinitions {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -780px;
    background-size: auto 1740px;
  }
}
#th-castro {
  width: 125.5230125523px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1120px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-castro {
    width: 94.1422594142px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -840px;
    background-size: auto 1740px;
  }
}
#th-urqueer {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1200px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-urqueer {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -900px;
    background-size: auto 1740px;
  }
}
#th-urheteronorm {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1280px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-urheteronorm {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -960px;
    background-size: auto 1740px;
  }
}
#th-urhomoqueer {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1360px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-urhomoqueer {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1020px;
    background-size: auto 1740px;
  }
}
#th-urpoly {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1440px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-urpoly {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1080px;
    background-size: auto 1740px;
  }
}
#th-urnonmonog {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1520px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-urnonmonog {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1140px;
    background-size: auto 1740px;
  }
}
#th-urgaybi {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1600px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-urgaybi {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1200px;
    background-size: auto 1740px;
  }
}
#th-urlesbianbi {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1680px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-urlesbianbi {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1260px;
    background-size: auto 1740px;
  }
}
#th-urhomo {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1760px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-urhomo {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1320px;
    background-size: auto 1740px;
  }
}
#th-urtransfb {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1840px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-urtransfb {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1380px;
    background-size: auto 1740px;
  }
}
#th-urnb {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1920px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-urnb {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1440px;
    background-size: auto 1740px;
  }
}
#th-urintersex {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -2000px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-urintersex {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1500px;
    background-size: auto 1740px;
  }
}
#th-urintersexmb {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -2080px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-urintersexmb {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1560px;
    background-size: auto 1740px;
  }
}
#th-urintersexfb {
  width: 120px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -2160px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-urintersexfb {
    width: 90px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1620px;
    background-size: auto 1740px;
  }
}
#th-worldsfair {
  width: 103.7165082109px;
  background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -2240px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-worldsfair {
    width: 77.7873811582px;
    background: url("/assets/images/toc/chapter-16/thumbnail.webp") 0 -1680px;
    background-size: auto 1740px;
  }
}
#th-princehenry {
  width: 60px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 0px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-princehenry {
    width: 45px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 0px;
    background-size: auto 1200px;
  }
}
#th-urbliberal {
  width: 120px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -80px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-urbliberal {
    width: 90px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -60px;
    background-size: auto 1200px;
  }
}
#th-urbconservative {
  width: 120px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -160px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-urbconservative {
    width: 90px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -120px;
    background-size: auto 1200px;
  }
}
#th-urbmuslimjewish {
  width: 120px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -240px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-urbmuslimjewish {
    width: 90px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -180px;
    background-size: auto 1200px;
  }
}
#th-urbrace {
  width: 120px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -320px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-urbrace {
    width: 90px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -240px;
    background-size: auto 1200px;
  }
}
#th-streetscene {
  width: 110.599078341px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -400px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-streetscene {
    width: 82.9493087558px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -300px;
    background-size: auto 1200px;
  }
}
#th-keokuk {
  width: 120px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -480px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-keokuk {
    width: 90px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -360px;
    background-size: auto 1200px;
  }
}
#th-redlining {
  width: 105.3555750658px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -560px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-redlining {
    width: 79.0166812994px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -420px;
    background-size: auto 1200px;
  }
}
#th-blackfarmers {
  width: 108.9918256131px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -640px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-blackfarmers {
    width: 81.7438692098px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -480px;
    background-size: auto 1200px;
  }
}
#th-agedistrib {
  width: 120px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -720px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-agedistrib {
    width: 90px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -540px;
    background-size: auto 1200px;
  }
}
#th-yearblacklives {
  width: 120px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -800px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-yearblacklives {
    width: 90px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -600px;
    background-size: auto 1200px;
  }
}
#th-yearwhite {
  width: 120px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -880px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-yearwhite {
    width: 90px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -660px;
    background-size: auto 1200px;
  }
}
#th-yearclimate {
  width: 120px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -960px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-yearclimate {
    width: 90px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -720px;
    background-size: auto 1200px;
  }
}
#th-yearillegal {
  width: 120px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -1040px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-yearillegal {
    width: 90px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -780px;
    background-size: auto 1200px;
  }
}
#th-yearhomwrong {
  width: 120px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -1120px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-yearhomwrong {
    width: 90px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -840px;
    background-size: auto 1200px;
  }
}
#th-yeargun {
  width: 120px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -1200px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-yeargun {
    width: 90px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -900px;
    background-size: auto 1200px;
  }
}
#th-jesusland {
  width: 123.6363636364px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -1280px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-jesusland {
    width: 92.7272727273px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -960px;
    background-size: auto 1200px;
  }
}
#th-president {
  width: 120px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -1360px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-president {
    width: 90px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -1020px;
    background-size: auto 1200px;
  }
}
#th-votingdensity {
  width: 120.9684519442px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -1440px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-votingdensity {
    width: 90.7263389582px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -1080px;
    background-size: auto 1200px;
  }
}
#th-votersuppression {
  width: 115.6069364162px;
  background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -1520px;
  background-size: auto 1600px;
}

@media only screen and (max-width: 600px) {
  #th-votersuppression {
    width: 86.7052023121px;
    background: url("/assets/images/toc/chapter-17/thumbnail.webp") 0 -1140px;
    background-size: auto 1200px;
  }
}
#th-notke {
  width: 347.8260869565px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 0px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-notke {
    width: 260.8695652174px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 0px;
    background-size: auto 1740px;
  }
}
#th-youngcity {
  width: 120px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -80px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-youngcity {
    width: 90px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -60px;
    background-size: auto 1740px;
  }
}
#th-nchildmenopause {
  width: 120px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -160px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-nchildmenopause {
    width: 90px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -120px;
    background-size: auto 1740px;
  }
}
#th-danse {
  width: 93.1677018634px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -240px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-danse {
    width: 69.8757763975px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -180px;
    background-size: auto 1740px;
  }
}
#th-malthus {
  width: 65.4664484452px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -320px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-malthus {
    width: 49.0998363339px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -240px;
    background-size: auto 1740px;
  }
}
#th-hongliangji {
  width: 54.2250338906px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -400px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-hongliangji {
    width: 40.668775418px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -300px;
    background-size: auto 1740px;
  }
}
#th-povertyfrac {
  width: 120px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -480px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-povertyfrac {
    width: 90px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -360px;
    background-size: auto 1740px;
  }
}
#th-povertyn {
  width: 120px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -560px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-povertyn {
    width: 90px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -420px;
    background-size: auto 1740px;
  }
}
#th-danseploughman {
  width: 60.5449041372px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -640px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-danseploughman {
    width: 45.4086781029px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -480px;
    background-size: auto 1740px;
  }
}
#th-dansechild {
  width: 59.317844785px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -720px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-dansechild {
    width: 44.4883835887px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -540px;
    background-size: auto 1740px;
  }
}
#th-populationlin {
  width: 120px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -800px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-populationlin {
    width: 90px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -600px;
    background-size: auto 1740px;
  }
}
#th-dansefarmer {
  width: 60.5143721634px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -880px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-dansefarmer {
    width: 45.3857791225px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -660px;
    background-size: auto 1740px;
  }
}
#th-huntergatherers {
  width: 248.7046632124px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -960px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-huntergatherers {
    width: 186.5284974093px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -720px;
    background-size: auto 1740px;
  }
}
#th-populationlog {
  width: 120px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1040px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-populationlog {
    width: 90px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -780px;
    background-size: auto 1740px;
  }
}
#th-plague {
  width: 122.6993865031px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1120px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-plague {
    width: 92.0245398773px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -840px;
    background-size: auto 1740px;
  }
}
#th-triumphdeath {
  width: 112.1495327103px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1200px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-triumphdeath {
    width: 84.1121495327px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -900px;
    background-size: auto 1740px;
  }
}
#th-farmingmachines2 {
  width: 133.9285714286px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1280px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-farmingmachines2 {
    width: 100.4464285714px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -960px;
    background-size: auto 1740px;
  }
}
#th-babyboom {
  width: 57.8871201158px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1360px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-babyboom {
    width: 43.4153400868px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1020px;
    background-size: auto 1740px;
  }
}
#th-penicillin {
  width: 125.3263707572px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1440px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-penicillin {
    width: 93.9947780679px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1080px;
    background-size: auto 1740px;
  }
}
#th-tractorharvest {
  width: 117.8781925344px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1520px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-tractorharvest {
    width: 88.4086444008px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1140px;
    background-size: auto 1740px;
  }
}
#th-arableland {
  width: 114.2857142857px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1600px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-arableland {
    width: 85.7142857143px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1200px;
    background-size: auto 1740px;
  }
}
#th-worldmodel {
  width: 121.1387038159px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1680px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-worldmodel {
    width: 90.8540278619px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1260px;
    background-size: auto 1740px;
  }
}
#th-carryingcapacity {
  width: 495.4352941176px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1760px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-carryingcapacity {
    width: 371.5764705882px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1320px;
    background-size: auto 1740px;
  }
}
#th-co2 {
  width: 65.3114754098px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1840px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-co2 {
    width: 48.9836065574px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1380px;
    background-size: auto 1740px;
  }
}
#th-glaciation {
  width: 120px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1920px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-glaciation {
    width: 90px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1440px;
    background-size: auto 1740px;
  }
}
#th-standardrun {
  width: 82.7015851137px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -2000px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-standardrun {
    width: 62.0261888353px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1500px;
    background-size: auto 1740px;
  }
}
#th-tfr {
  width: 120px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -2080px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-tfr {
    width: 90px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1560px;
    background-size: auto 1740px;
  }
}
#th-ltgle {
  width: 120px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -2160px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-ltgle {
    width: 90px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1620px;
    background-size: auto 1740px;
  }
}
#th-meadows {
  width: 119.8801198801px;
  background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -2240px;
  background-size: auto 2320px;
}

@media only screen and (max-width: 600px) {
  #th-meadows {
    width: 89.9100899101px;
    background: url("/assets/images/toc/chapter-18/thumbnail.webp") 0 -1680px;
    background-size: auto 1740px;
  }
}
#th-developedpop {
  width: 120px;
  background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 0px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-developedpop {
    width: 90px;
    background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 0px;
    background-size: auto 780px;
  }
}
#th-condom {
  width: 49.8545907769px;
  background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -80px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-condom {
    width: 37.3909430827px;
    background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -60px;
    background-size: auto 780px;
  }
}
#th-thepill {
  width: 142.1800947867px;
  background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -160px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-thepill {
    width: 106.63507109px;
    background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -120px;
    background-size: auto 780px;
  }
}
#th-birthcontrolreview {
  width: 63.7280934679px;
  background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -240px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-birthcontrolreview {
    width: 47.7960701009px;
    background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -180px;
    background-size: auto 780px;
  }
}
#th-urmarried {
  width: 120px;
  background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -320px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-urmarried {
    width: 90px;
    background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -240px;
    background-size: auto 780px;
  }
}
#th-tfrmap {
  width: 129.2307692308px;
  background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -400px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-tfrmap {
    width: 96.9230769231px;
    background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -300px;
    background-size: auto 780px;
  }
}
#th-farmchild {
  width: 64.7249190939px;
  background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -480px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-farmchild {
    width: 48.5436893204px;
    background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -360px;
    background-size: auto 780px;
  }
}
#th-factorychildren {
  width: 112.8888888889px;
  background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -560px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-factorychildren {
    width: 84.6666666667px;
    background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -420px;
    background-size: auto 780px;
  }
}
#th-bigfamily {
  width: 132.3042998897px;
  background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -640px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-bigfamily {
    width: 99.2282249173px;
    background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -480px;
    background-size: auto 780px;
  }
}
#th-oiltfr {
  width: 120px;
  background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -720px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-oiltfr {
    width: 90px;
    background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -540px;
    background-size: auto 780px;
  }
}
#th-urchildren {
  width: 120px;
  background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -800px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-urchildren {
    width: 90px;
    background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -600px;
    background-size: auto 780px;
  }
}
#th-charlottesville {
  width: 129.8701298701px;
  background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -880px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-charlottesville {
    width: 97.4025974026px;
    background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -660px;
    background-size: auto 780px;
  }
}
#th-sanger {
  width: 80px;
  background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -960px;
  background-size: auto 1040px;
}

@media only screen and (max-width: 600px) {
  #th-sanger {
    width: 60px;
    background: url("/assets/images/toc/chapter-19/thumbnail.webp") 0 -720px;
    background-size: auto 780px;
  }
}
#th-dragons {
  width: 458.0152671756px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 0px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-dragons {
    width: 343.5114503817px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 0px;
    background-size: auto 2220px;
  }
}
#th-postcards {
  width: 491.8032786885px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -80px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-postcards {
    width: 368.8524590164px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -60px;
    background-size: auto 2220px;
  }
}
#th-viewmaster {
  width: 62.6631853786px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -160px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-viewmaster {
    width: 46.9973890339px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -120px;
    background-size: auto 2220px;
  }
}
#th-ruinstown {
  width: 204.7781569966px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -240px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-ruinstown {
    width: 153.5836177474px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -180px;
    background-size: auto 2220px;
  }
}
#th-spagnuolo {
  width: 120.2404809619px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -320px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-spagnuolo {
    width: 90.1803607214px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -240px;
    background-size: auto 2220px;
  }
}
#th-akiya {
  width: 120px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -400px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-akiya {
    width: 90px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -300px;
    background-size: auto 2220px;
  }
}
#th-robert {
  width: 101.0101010101px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -480px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-robert {
    width: 75.7575757576px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -360px;
    background-size: auto 2220px;
  }
}
#th-ruinsfarm {
  width: 106.6666666667px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -560px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-ruinsfarm {
    width: 80px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -420px;
    background-size: auto 2220px;
  }
}
#th-agrilabor {
  width: 120px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -640px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-agrilabor {
    width: 90px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -480px;
    background-size: auto 2220px;
  }
}
#th-charlottesweb {
  width: 69.6598639456px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -720px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-charlottesweb {
    width: 52.2448979592px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -540px;
    background-size: auto 2220px;
  }
}
#th-shadyglade {
  width: 132.7433628319px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -800px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-shadyglade {
    width: 99.5575221239px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -600px;
    background-size: auto 2220px;
  }
}
#th-agriarea {
  width: 120px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -880px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-agriarea {
    width: 90px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -660px;
    background-size: auto 2220px;
  }
}
#th-robotfactory {
  width: 146.5201465201px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -960px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-robotfactory {
    width: 109.8901098901px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -720px;
    background-size: auto 2220px;
  }
}
#th-lightsout {
  width: 157.0680628272px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1040px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-lightsout {
    width: 117.8010471204px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -780px;
    background-size: auto 2220px;
  }
}
#th-robotport {
  width: 120px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1120px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-robotport {
    width: 90px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -840px;
    background-size: auto 2220px;
  }
}
#th-containership {
  width: 157.8947368421px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1200px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-containership {
    width: 118.4210526316px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -900px;
    background-size: auto 2220px;
  }
}
#th-datacenter {
  width: 120px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1280px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-datacenter {
    width: 90px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -960px;
    background-size: auto 2220px;
  }
}
#th-amazonwarehouse {
  width: 142.5178147268px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1360px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-amazonwarehouse {
    width: 106.8883610451px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1020px;
    background-size: auto 2220px;
  }
}
#th-amazoncage {
  width: 58.7947084762px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1440px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-amazoncage {
    width: 44.0960313572px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1080px;
    background-size: auto 2220px;
  }
}
#th-agrobot {
  width: 142.1800947867px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1520px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-agrobot {
    width: 106.63507109px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1140px;
    background-size: auto 2220px;
  }
}
#th-droids {
  width: 63.7251744498px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1600px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-droids {
    width: 47.7938808374px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1200px;
    background-size: auto 2220px;
  }
}
#th-fanucarm {
  width: 99.3377483444px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1680px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-fanucarm {
    width: 74.5033112583px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1260px;
    background-size: auto 2220px;
  }
}
#th-waymo {
  width: 120px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1760px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-waymo {
    width: 90px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1320px;
    background-size: auto 2220px;
  }
}
#th-cowtraffic {
  width: 122.6714585205px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1840px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-cowtraffic {
    width: 92.0035938904px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1380px;
    background-size: auto 2220px;
  }
}
#th-mumbaitraffic {
  width: 120.3610832497px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1920px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-mumbaitraffic {
    width: 90.2708124373px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1440px;
    background-size: auto 2220px;
  }
}
#th-roadtrain {
  width: 121.3346814965px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2000px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-roadtrain {
    width: 91.0010111223px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1500px;
    background-size: auto 2220px;
  }
}
#th-bigfarmbots {
  width: 120.4819277108px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2080px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-bigfarmbots {
    width: 90.3614457831px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1560px;
    background-size: auto 2220px;
  }
}
#th-farmdrone {
  width: 106.6666666667px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2160px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-farmdrone {
    width: 80px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1620px;
    background-size: auto 2220px;
  }
}
#th-glowinggreenhouse {
  width: 74.6268656716px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2240px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-glowinggreenhouse {
    width: 55.9701492537px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1680px;
    background-size: auto 2220px;
  }
}
#th-greenhouses {
  width: 106.7615658363px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2320px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-greenhouses {
    width: 80.0711743772px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1740px;
    background-size: auto 2220px;
  }
}
#th-communitygarden {
  width: 122.4489795918px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2400px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-communitygarden {
    width: 91.8367346939px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1800px;
    background-size: auto 2220px;
  }
}
#th-rooftopgreenhouse {
  width: 120.7243460765px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2480px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-rooftopgreenhouse {
    width: 90.5432595573px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1860px;
    background-size: auto 2220px;
  }
}
#th-autoverticalfarm {
  width: 120px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2560px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-autoverticalfarm {
    width: 90px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1920px;
    background-size: auto 2220px;
  }
}
#th-wildlifecorridor {
  width: 119.7604790419px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2640px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-wildlifecorridor {
    width: 89.8203592814px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -1980px;
    background-size: auto 2220px;
  }
}
#th-greenbelt {
  width: 142.1800947867px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2720px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-greenbelt {
    width: 106.63507109px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2040px;
    background-size: auto 2220px;
  }
}
#th-kimmerer {
  width: 56.6839867737px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2800px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-kimmerer {
    width: 42.5129900803px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2100px;
    background-size: auto 2220px;
  }
}
#th-climatemigration {
  width: 119.7604790419px;
  background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2880px;
  background-size: auto 2960px;
}

@media only screen and (max-width: 600px) {
  #th-climatemigration {
    width: 89.8203592814px;
    background: url("/assets/images/toc/chapter-20/thumbnail.webp") 0 -2160px;
    background-size: auto 2220px;
  }
}
#th-stelarc {
  width: 106.7368421053px;
  background: url("/assets/images/toc/chapter-21/thumbnail.webp") 0 0px;
  background-size: auto 240px;
}

@media only screen and (max-width: 600px) {
  #th-stelarc {
    width: 80.0526315789px;
    background: url("/assets/images/toc/chapter-21/thumbnail.webp") 0 0px;
    background-size: auto 180px;
  }
}
#th-strike {
  width: 113.6363636364px;
  background: url("/assets/images/toc/chapter-21/thumbnail.webp") 0 -80px;
  background-size: auto 240px;
}

@media only screen and (max-width: 600px) {
  #th-strike {
    width: 85.2272727273px;
    background: url("/assets/images/toc/chapter-21/thumbnail.webp") 0 -60px;
    background-size: auto 180px;
  }
}
#th-jetsonbutton {
  width: 124.4137931034px;
  background: url("/assets/images/toc/chapter-21/thumbnail.webp") 0 -160px;
  background-size: auto 240px;
}

@media only screen and (max-width: 600px) {
  #th-jetsonbutton {
    width: 93.3103448276px;
    background: url("/assets/images/toc/chapter-21/thumbnail.webp") 0 -120px;
    background-size: auto 180px;
  }
}
#th-mturkage {
  width: 120px;
  background: url("/assets/images/toc/appendix/thumbnail.webp") 0 0px;
  background-size: auto 240px;
}

@media only screen and (max-width: 600px) {
  #th-mturkage {
    width: 90px;
    background: url("/assets/images/toc/appendix/thumbnail.webp") 0 0px;
    background-size: auto 180px;
  }
}
#th-mturkf {
  width: 120px;
  background: url("/assets/images/toc/appendix/thumbnail.webp") 0 -80px;
  background-size: auto 240px;
}

@media only screen and (max-width: 600px) {
  #th-mturkf {
    width: 90px;
    background: url("/assets/images/toc/appendix/thumbnail.webp") 0 -60px;
    background-size: auto 180px;
  }
}
#th-binning {
  width: 120.8791208791px;
  background: url("/assets/images/toc/appendix/thumbnail.webp") 0 -160px;
  background-size: auto 240px;
}

@media only screen and (max-width: 600px) {
  #th-binning {
    width: 90.6593406593px;
    background: url("/assets/images/toc/appendix/thumbnail.webp") 0 -120px;
    background-size: auto 180px;
  }
}
:root {
  /* global colors */
  --color-default: rgb(38 38 38);
  --darkgrey: rgb(38 38 38);
  --mediumgrey: rgb(190 190 190);
  --grey: rgb(150 150 150);
  --lightgrey: rgb(240 240 240);
  --white: rgb(255 255 255);
  --bluegrey: rgb(208, 219,227);
  --accent: rgb(250 80 0);
  --alpha: 40%;
  --bin1: rgb(220 220 220);
  --bin2: rgb(250 250 250);
  --bin3: rgb(255 255 170);
  --bintip: rgb(160 160 60);
  --binline: rgb(222 222 170);
  --gridline: rgb(202 198 197);
  --accent: rgb(207 102 52);
  --indigo: 51 34 136;
  --cyan: 0 174 239;
  --teal: 70 173 154;
  --olive: 152 152 54;
  --orange: 237 118 52;
  --magenta: 238 51 119;
  --violet: 170 68 153;
  --green: 24 119 60;
  --yellow: 255 203 5;
  --black: 0 0 0;
  --brown: 117 69 27;
  --red: 205 53 40;
  --gold: 207 191 112;
  --blue: 1 120 187;
  --mauve: 136 33 86;
  --other: 200 200 200;
}

[data-color=indigo] .area, [data-color=indigo] .dot {
  fill: rgb(51 34 136/var(--alpha));
}
[data-color=indigo] .series-label, [data-color=indigo] .svg-label {
  fill: rgb(51, 34, 136);
}
[data-color=indigo] .line {
  stroke: rgb(51, 34, 136);
}
[data-color=indigo] .tip-label, [data-color=indigo] .key-label, [data-color=indigo].plot-tips {
  color: rgb(51, 34, 136);
}
[data-color=indigo] .key-color {
  background: rgb(51, 34, 136);
}

[data-color=cyan] .area, [data-color=cyan] .dot {
  fill: rgb(0 174 239/var(--alpha));
}
[data-color=cyan] .series-label, [data-color=cyan] .svg-label {
  fill: rgb(0, 174, 239);
}
[data-color=cyan] .line {
  stroke: rgb(0, 174, 239);
}
[data-color=cyan] .tip-label, [data-color=cyan] .key-label, [data-color=cyan].plot-tips {
  color: rgb(0, 174, 239);
}
[data-color=cyan] .key-color {
  background: rgb(0, 174, 239);
}

[data-color=teal] .area, [data-color=teal] .dot {
  fill: rgb(70 173 154/var(--alpha));
}
[data-color=teal] .series-label, [data-color=teal] .svg-label {
  fill: rgb(70, 173, 154);
}
[data-color=teal] .line {
  stroke: rgb(70, 173, 154);
}
[data-color=teal] .tip-label, [data-color=teal] .key-label, [data-color=teal].plot-tips {
  color: rgb(70, 173, 154);
}
[data-color=teal] .key-color {
  background: rgb(70, 173, 154);
}

[data-color=olive] .area, [data-color=olive] .dot {
  fill: rgb(152 152 54/var(--alpha));
}
[data-color=olive] .series-label, [data-color=olive] .svg-label {
  fill: rgb(152, 152, 54);
}
[data-color=olive] .line {
  stroke: rgb(152, 152, 54);
}
[data-color=olive] .tip-label, [data-color=olive] .key-label, [data-color=olive].plot-tips {
  color: rgb(152, 152, 54);
}
[data-color=olive] .key-color {
  background: rgb(152, 152, 54);
}

[data-color=orange] .area, [data-color=orange] .dot {
  fill: rgb(237 118 52/var(--alpha));
}
[data-color=orange] .series-label, [data-color=orange] .svg-label {
  fill: rgb(237, 118, 52);
}
[data-color=orange] .line {
  stroke: rgb(237, 118, 52);
}
[data-color=orange] .tip-label, [data-color=orange] .key-label, [data-color=orange].plot-tips {
  color: rgb(237, 118, 52);
}
[data-color=orange] .key-color {
  background: rgb(237, 118, 52);
}

[data-color=magenta] .area, [data-color=magenta] .dot {
  fill: rgb(238 51 119/var(--alpha));
}
[data-color=magenta] .series-label, [data-color=magenta] .svg-label {
  fill: rgb(238, 51, 119);
}
[data-color=magenta] .line {
  stroke: rgb(238, 51, 119);
}
[data-color=magenta] .tip-label, [data-color=magenta] .key-label, [data-color=magenta].plot-tips {
  color: rgb(238, 51, 119);
}
[data-color=magenta] .key-color {
  background: rgb(238, 51, 119);
}

[data-color=violet] .area, [data-color=violet] .dot {
  fill: rgb(170 68 153/var(--alpha));
}
[data-color=violet] .series-label, [data-color=violet] .svg-label {
  fill: rgb(170, 68, 153);
}
[data-color=violet] .line {
  stroke: rgb(170, 68, 153);
}
[data-color=violet] .tip-label, [data-color=violet] .key-label, [data-color=violet].plot-tips {
  color: rgb(170, 68, 153);
}
[data-color=violet] .key-color {
  background: rgb(170, 68, 153);
}

[data-color=green] .area, [data-color=green] .dot {
  fill: rgb(24 119 60/var(--alpha));
}
[data-color=green] .series-label, [data-color=green] .svg-label {
  fill: rgb(24, 119, 60);
}
[data-color=green] .line {
  stroke: rgb(24, 119, 60);
}
[data-color=green] .tip-label, [data-color=green] .key-label, [data-color=green].plot-tips {
  color: rgb(24, 119, 60);
}
[data-color=green] .key-color {
  background: rgb(24, 119, 60);
}

[data-color=yellow] .area, [data-color=yellow] .dot {
  fill: rgb(255 203 5/var(--alpha));
}
[data-color=yellow] .series-label, [data-color=yellow] .svg-label {
  fill: rgb(255, 203, 5);
}
[data-color=yellow] .line {
  stroke: rgb(255, 203, 5);
}
[data-color=yellow] .tip-label, [data-color=yellow] .key-label, [data-color=yellow].plot-tips {
  color: rgb(255, 203, 5);
}
[data-color=yellow] .key-color {
  background: rgb(255, 203, 5);
}

[data-color=black] .area, [data-color=black] .dot {
  fill: rgb(0 0 0/var(--alpha));
}
[data-color=black] .series-label, [data-color=black] .svg-label {
  fill: rgb(0, 0, 0);
}
[data-color=black] .line {
  stroke: rgb(0, 0, 0);
}
[data-color=black] .tip-label, [data-color=black] .key-label, [data-color=black].plot-tips {
  color: rgb(0, 0, 0);
}
[data-color=black] .key-color {
  background: rgb(0, 0, 0);
}

[data-color=brown] .area, [data-color=brown] .dot {
  fill: rgb(117 69 27/var(--alpha));
}
[data-color=brown] .series-label, [data-color=brown] .svg-label {
  fill: rgb(117, 69, 27);
}
[data-color=brown] .line {
  stroke: rgb(117, 69, 27);
}
[data-color=brown] .tip-label, [data-color=brown] .key-label, [data-color=brown].plot-tips {
  color: rgb(117, 69, 27);
}
[data-color=brown] .key-color {
  background: rgb(117, 69, 27);
}

[data-color=red] .area, [data-color=red] .dot {
  fill: rgb(205 53 40/var(--alpha));
}
[data-color=red] .series-label, [data-color=red] .svg-label {
  fill: rgb(205, 53, 40);
}
[data-color=red] .line {
  stroke: rgb(205, 53, 40);
}
[data-color=red] .tip-label, [data-color=red] .key-label, [data-color=red].plot-tips {
  color: rgb(205, 53, 40);
}
[data-color=red] .key-color {
  background: rgb(205, 53, 40);
}

[data-color=gold] .area, [data-color=gold] .dot {
  fill: rgb(207 191 112/var(--alpha));
}
[data-color=gold] .series-label, [data-color=gold] .svg-label {
  fill: rgb(207, 191, 112);
}
[data-color=gold] .line {
  stroke: rgb(207, 191, 112);
}
[data-color=gold] .tip-label, [data-color=gold] .key-label, [data-color=gold].plot-tips {
  color: rgb(207, 191, 112);
}
[data-color=gold] .key-color {
  background: rgb(207, 191, 112);
}

[data-color=blue] .area, [data-color=blue] .dot {
  fill: rgb(1 120 187/var(--alpha));
}
[data-color=blue] .series-label, [data-color=blue] .svg-label {
  fill: rgb(1, 120, 187);
}
[data-color=blue] .line {
  stroke: rgb(1, 120, 187);
}
[data-color=blue] .tip-label, [data-color=blue] .key-label, [data-color=blue].plot-tips {
  color: rgb(1, 120, 187);
}
[data-color=blue] .key-color {
  background: rgb(1, 120, 187);
}

[data-color=mauve] .area, [data-color=mauve] .dot {
  fill: rgb(136 33 86/var(--alpha));
}
[data-color=mauve] .series-label, [data-color=mauve] .svg-label {
  fill: rgb(136, 33, 86);
}
[data-color=mauve] .line {
  stroke: rgb(136, 33, 86);
}
[data-color=mauve] .tip-label, [data-color=mauve] .key-label, [data-color=mauve].plot-tips {
  color: rgb(136, 33, 86);
}
[data-color=mauve] .key-color {
  background: rgb(136, 33, 86);
}

[data-color=other] .area, [data-color=other] .dot {
  fill: rgb(200 200 200/var(--alpha));
}
[data-color=other] .series-label, [data-color=other] .svg-label {
  fill: rgb(200, 200, 200);
}
[data-color=other] .line {
  stroke: rgb(200, 200, 200);
}
[data-color=other] .tip-label, [data-color=other] .key-label, [data-color=other].plot-tips {
  color: rgb(200, 200, 200);
}
[data-color=other] .key-color {
  background: rgb(200, 200, 200);
}

:root {
  /* font-sizes */
  --base-size: 16px;
  --xlarge-size: 5rem;
  --heading-size: 3rem;
  --large-size: 2rem;
  --medium-size: 1.5rem;
  --caption-size: .875rem;
  --small-size: .6875rem;
  --lineheight: 1.6em;
  /* font weight variables */
  --wght: 400;
  --wght-medium: 500;
  --wght-semibold: 600;
  --wght-bold: 700;
  --wght-ultra: 900;
  /* structures */
  --width-text: 45em;
  --max-width: 1600px;
  --max-width-text: calc(var(--max-width)/2 - var(--pad-section));
  --height-header: 50px;
  --margin: calc(calc(100vw - var(--max-width)) / 2);
  --main-width: calc(100% - var(--pad-body)*2);
  --height-cover: 100vh;
  --height-figure: 100vh;
  --width-ind: 12px;
  /* spacing */
  --pad-section: 5rem;
  --pad-body: 2.5rem;
  --pad: 1.6rem;
  --pad-sm: .75rem;
  --pad-xs: .375rem;
  --indent: 3rem;
  --plot-indent: 3rem;
  /* figure styles */
  --stroke: 2px;
  /*border radious */
  --smradius: 4px;
}
@media (max-width: 1700px) {
  :root {
    --margin: var(--pad-body);
    --width-text: calc(50% - var(--pad-section)) ;
  }
}
@media (max-width: 1024px) {
  :root {
    --base-size: 14px;
    --heading-size: 2.5rem;
    --indent: 2rem;
  }
}
@media (max-width: 850px) {
  :root {
    --base-size: 16px;
    --pad-body: 4rem;
    --xlarge-size: 4rem;
    --width-text: calc(100% - var(--margin) * 2);
    --height-cover: 600px;
    --height-header: 45px;
    --height-spans: 680px;
  }
}
@media (max-width: 600px) {
  :root {
    --height-figure: 800px;
    --height-cover: 500px;
    --pad-body: 1rem;
    --lineheight: 1.65em;
    --heading-size: 2.3rem;
  }
}
@media (max-width: 400px) {
  :root {
    --height-figure: 600px;
  }
}

.figure {
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 50%;
  left: 50vw;
  height: var(--height-figure);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--height-header) 0 var(--pad-body) 0;
  max-width: calc(var(--max-width) / 2);
}
@media (max-width: 850px) {
  .figure {
    pointer-events: auto;
    position: relative;
    left: 0;
    display: block;
    height: auto;
    width: 100%;
    max-width: none;
    padding: 0;
    margin: calc(var(--lineheight) * 2) 0;
  }
}
.figure figure {
  left: 0;
  opacity: 0;
  transition: opacity 400ms ease-in-out;
  width: 100%;
  padding: 0 var(--pad-section);
}
@media (max-width: 1024px) {
  .figure figure {
    padding-left: var(--pad-body);
    padding-right: var(--pad-body);
    margin: 0 auto;
  }
}
@media (max-width: 850px) {
  .figure figure {
    opacity: 1;
    width: 70%;
  }
}
@media (max-width: 600px) {
  .figure figure {
    width: 100%;
  }
}
.figure.image figure {
  display: flex;
  flex-direction: column;
}
.figure.image img {
  object-fit: contain;
  object-position: left bottom;
  width: auto;
  max-width: 100%;
  max-height: 70vh;
  width: 100%;
  display: block;
}
.figure.image figcaption {
  text-align: left;
  line-height: 1.3;
  width: 100%;
  letter-spacing: 0.01em;
}

figcaption {
  font-size: var(--caption-size);
  padding: var(--pad-sm) 0;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
.active-fig {
  z-index: 500;
  pointer-events: auto;
}
.active-fig figure {
  opacity: 1;
}

/*-----------------------------------------*/
/* INDICATORS for active images -----------*/
/*-----------------------------------------*/
.fixed-indicator {
  position: fixed;
  width: calc(var(--width-ind));
  height: 1px;
  background: rgb(125, 125, 125);
  top: 50vh;
  left: 50vw;
  z-index: 510;
  opacity: 0;
}
@media (max-width: 850px) {
  .fixed-indicator {
    left: 0;
    width: var(--width-ind);
    display: none;
  }
}

[data-figstatus=figactive] .fixed-indicator {
  opacity: 1;
}

[data-figstatus=figactive-full] .fixed-indicator {
  left: 0;
}

[data-figstatus=figactive-full-visible] .fixed-indicator {
  left: 0;
  opacity: 1;
}

.figure-indicators {
  position: absolute;
  left: 50vw;
  top: 0;
  width: var(--width-ind);
  height: 100%;
  z-index: 500;
}
@media (max-width: 850px) {
  .figure-indicators {
    display: none;
  }
}

.indicator {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  border-left: 1px dashed var(--gridline);
  overflow: hidden;
}
.indicator.active-figindicator {
  border-left-style: solid;
}
@media (max-width: 850px) {
  .indicator {
    border-left-color: transparent;
  }
}

/*full-bleed container*/
.fullbleed .figure {
  display: block;
  position: relative;
  left: 0;
  pointer-events: auto;
  padding: 0;
  margin-top: var(--pad-section);
  margin-bottom: var(--pad-section);
  height: auto;
  width: 100%;
  max-width: none;
}
.fullbleed .figure figure {
  padding: 0;
}
@media (max-width: 1024px) {
  .fullbleed .figure figure {
    padding-left: 0;
  }
}
@media (max-width: 850px) {
  .fullbleed .figure figure {
    width: 100%;
  }
}
.fullbleed .figure figure img {
  margin: auto;
  max-height: none;
}
.fullbleed .figure figcaption {
  margin: 0 var(--margin);
  width: auto;
}
.fullbleed .media-full {
  position: relative;
}
.fullbleed .media-full figure {
  position: static;
  width: 100%;
}
.fullbleed .media-full .indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-color: transparent;
}

/* NAV THUBMANILS -----------------------------------------------*/
nav ul.toc li a.thb {
  display: inline-block;
  padding: 0;
  padding-left: 0;
  border-bottom: 0;
}

.toc-thumbnails {
  display: flex;
  flex-wrap: wrap;
}
.toc-thumbnails img {
  height: 70px;
  padding: 0 var(--pad-sm) var(--pad-sm) 0;
}

/* ARTICLES -----------------------------------------------------*/
.figarea {
  scroll-margin-top: 49vh;
  position: relative;
}
@media (max-width: 850px) {
  .figarea {
    scroll-margin-top: 0;
  }
}

@media (max-width: 850px) {
  .figure {
    scroll-margin-top: calc(var(--height-header) + var(--pad-body));
  }
}

.image.sm figure img,
.image figure.sm img {
  width: 50%;
}
@media (max-width: 850px) {
  .image.sm figure img,
.image figure.sm img {
    width: 100%;
  }
}
.image.md figure img,
.image figure.md img {
  width: 80%;
}
@media (max-width: 850px) {
  .image.md figure img,
.image figure.md img {
    width: 100%;
  }
}

.text-crossfade.reverse {
  order: 2;
}

.col-2 {
  display: flex;
}
.col-2 figure {
  display: inline-block;
  width: 50%;
}
.col-2 figure:first-child {
  padding-right: 1rem;
}
.col-2 figure:last-child {
  padding-left: 1rem;
}

/* INTERLUDE ----------------------------------------------------*/
body.interlude .figure {
  position: relative;
  left: 0;
  display: block;
  height: auto;
}
body.interlude figure {
  padding: var(--pad-body);
  opacity: 1;
}
@media (max-width: 1024px) {
  body.interlude figure {
    padding: var(--pad);
  }
}
body.interlude .cols figure.lg {
  width: 55%;
}
body.interlude .cols figure.md {
  width: 45%;
}
body.interlude .cols figure.sm {
  width: 35%;
}
body.interlude .cols figure.xs {
  width: 20%;
}
@media (max-width: 1024px) {
  body.interlude .cols figure.md {
    width: 65%;
  }
}
@media (max-width: 600px) {
  body.interlude .cols figure.lg, body.interlude .cols figure.md, body.interlude .cols figure.sm, body.interlude .cols figure.xs {
    width: 100%;
    margin: 0;
  }
}
body.interlude .single {
  position: absolute;
  top: auto;
  display: inline-block;
  width: 20%;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 auto;
}
@media (max-width: 1400px) {
  body.interlude .single {
    width: 30%;
  }
}
@media (max-width: 1024px) {
  body.interlude .single {
    width: 25%;
  }
}
@media (max-width: 850px) {
  body.interlude .single {
    width: 45%;
    display: block;
    float: none;
    display: block;
    position: relative;
    padding: var(--pad-section) 0;
  }
}
@media (max-width: 600px) {
  body.interlude .single {
    width: 60%;
    display: block;
    float: none;
  }
}
body.interlude .single figcaption {
  text-align: left;
  width: 100%;
}
body.interlude .single.true {
  float: right;
  position: relative;
}
@media (max-width: 850px) {
  body.interlude .single.true {
    float: none;
    width: 45%;
  }
}
@media (max-width: 600px) {
  body.interlude .single.true {
    display: block;
    float: none;
    width: 70%;
  }
}
body.interlude .single.lg {
  display: block;
  position: relative;
  width: 50%;
  padding: var(--pad-section) 0;
}
body.interlude .single.lg.true {
  padding-left: 20%;
}
body.interlude .single.xl {
  display: block;
  position: relative;
  width: 75%;
  margin: 0 auto;
  padding: var(--pad-section) 0;
}
body.interlude .single.xxl {
  display: block;
  position: relative;
  width: 95%;
  margin-left: 3.5%;
  padding: var(--pad-section) 0;
}
body.interlude .single.md {
  display: block;
  position: relative;
  width: 35%;
  padding: var(--pad-section) 0;
}
@media (max-width: 850px) {
  body.interlude .single.lg, body.interlude .single.xl, body.interlude .single.xxl, body.interlude .single.md {
    display: block;
    float: none;
  }
}
@media (max-width: 600px) {
  body.interlude .single.lg, body.interlude .single.xl, body.interlude .single.xxl, body.interlude .single.md {
    width: 100%;
    padding: var(--lineheight);
    padding-left: var(--pad-body);
    padding-right: var(--pad-body);
  }
  body.interlude .single.sm, body.interlude .single.xs {
    width: 70%;
  }
}

/* IMAGE ANIMATION XFADE / CROSSFADES ---------
--------------------------------------------*/
.crossfade {
  opacity: 0;
  transition: opacity 400ms ease-in-out;
}
.crossfade.active-fig {
  opacity: 1;
}
.crossfade.active-fig figure {
  opacity: 0;
  transition: none;
}
.crossfade.active-fig figure:first-child {
  opacity: 1;
}
.crossfade .xfade-images {
  position: relative;
  width: 100%;
  height: calc(var(--height-figure));
}
@media (max-width: 850px) {
  .crossfade .xfade-images {
    width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  .crossfade .xfade-images {
    width: 100%;
  }
}
.crossfade figure {
  top: 0;
  position: absolute;
  height: 100%;
  justify-content: center;
  align-content: center;
  background-color: white;
  width: 100%;
}
.crossfade.figure.image {
  justify-content: left;
}
.crossfade.figure.image img {
  max-height: 100vh;
}
.crossfade.multi_caption figcaption {
  transition: opacity 400ms ease-in-out;
  min-height: 70px;
}
.crossfade .mobile-seqindicator {
  position: relative;
}

.multi_caption[data-active-fade="0"] [data-xfadeindex="0"] figcaption {
  opacity: 1;
}

.multi_caption[data-active-fade="1"] [data-xfadeindex="1"] figcaption {
  opacity: 1;
}

.multi_caption[data-active-fade="2"] [data-xfadeindex="2"] figcaption {
  opacity: 1;
}

.multi_caption[data-active-fade="3"] [data-xfadeindex="3"] figcaption {
  opacity: 1;
}

.multi_caption[data-active-fade="4"] [data-xfadeindex="4"] figcaption {
  opacity: 1;
}

.multi_caption[data-active-fade="5"] [data-xfadeindex="5"] figcaption {
  opacity: 1;
}

.multi_caption[data-active-fade="6"] [data-xfadeindex="6"] figcaption {
  opacity: 1;
}

.multi_caption[data-active-fade="7"] [data-xfadeindex="7"] figcaption {
  opacity: 1;
}

.multi_caption[data-active-fade="8"] [data-xfadeindex="8"] figcaption {
  opacity: 1;
}

.multi_caption[data-active-fade="9"] [data-xfadeindex="9"] figcaption {
  opacity: 1;
}

.multi_caption[data-active-fade="10"] [data-xfadeindex="10"] figcaption {
  opacity: 1;
}

.scroll-overlay {
  scroll-snap-type: y mandatory;
  scroll-snap-align: center;
  position: relative;
  z-index: 600;
  -webkit-transform: translate3d(0, 0, 0);
  pointer-events: none;
  background: transparent;
  min-height: calc(var(--height-figure));
  height: auto;
  margin: 0;
  padding-bottom: var(--height-figure);
}
.scroll-overlay > p,
.scroll-overlay > ul,
.scroll-overlay > ol,
.scroll-overlay > blockquote {
  margin: 0;
  width: 100%;
  pointer-events: auto;
  display: block;
  background: white;
  border-bottom: 1px solid var(--darkgrey);
  border-right: 0;
  border-left: 0;
  padding: var(--pad-body);
}
.scroll-overlay > ul:first-child,
.scroll-overlay > ol:first-child,
.scroll-overlay > blockquote:first-child,
.scroll-overlay > p:first-child {
  border-top: 1px solid var(--darkgrey);
}
.scroll-overlay ol p,
.scroll-overlay ul p,
.scroll-overlay blockquote p {
  width: auto;
  background: inherit;
}
.scroll-overlay blockquote p {
  margin-left: 0;
}

@media (max-width: 850px) {
  .xfade-wrapper {
    padding-top: 0;
    height: auto;
  }
  .xfade-wrapper .figure {
    opacity: 1;
    position: sticky;
    top: var(--height-header);
  }
  .xfade-wrapper .figure + .text-img {
    position: relative;
    z-index: 700;
  }
  .xfade-wrapper .figure + .text-img > p,
.xfade-wrapper .figure + .text-img > ol,
.xfade-wrapper .figure + .text-img > blockquote {
    display: none;
  }
}

.spanindicator {
  flex: 1;
}

.xfadeindicator {
  background: transparent;
  border-bottom: 1px solid var(--grey);
  width: 10px;
}
.xfadeindicator:last-child {
  border-bottom: 0;
}
@media (max-width: 850px) {
  .xfadeindicator {
    display: none;
  }
}

@media (max-width: 850px) {
  .map-full-wrapper .xfadeindicator {
    display: block;
  }
}

/*----------------
FIGURES-specific OVERRIDES
-----------------*/
#preface,
#anonymous-identity,
#ignition,
#terra-incognita {
  --darkmodecolor: 255;
  background-color: rgb(var(--darkmodecolor), var(--darkmodecolor), var(--darkmodecolor));
  transition: background-color 700ms ease-in-out;
}
#preface nav,
#anonymous-identity nav,
#ignition nav,
#terra-incognita nav {
  transition: border-color 1s ease-in-out;
}
#preface nav .navlink,
#anonymous-identity nav .navlink,
#ignition nav .navlink,
#terra-incognita nav .navlink {
  background-color: rgb(var(--darkmodecolor), var(--darkmodecolor), var(--darkmodecolor));
}
#preface p,
#anonymous-identity p,
#ignition p,
#terra-incognita p {
  transition: color 700ms ease-in-out;
}

#bildlilli-indicator,
#dickjane-indicator,
#atomfriend-indicator {
  margin-top: calc(-1 * (var(--height-header) + 1px));
}

.bildlilli-text > blockquote:first-child {
  margin-top: 0;
}

#anonymous-identity section.content {
  padding-bottom: 10vh;
}

#overviewfx-indicator {
  border-color: transparent;
}

#overviewfx-fig {
  margin-bottom: 0;
}

#ears-indicator {
  margin-top: calc(-1 * var(--lineheight));
}

#beebo-fig.image img {
  max-height: 72vh;
}

#dragons,
#notke {
  margin-top: calc(-1 * var(--pad-section));
  display: flex;
  flex-direction: column-reverse;
}
#dragons .figure.media-full,
#notke .figure.media-full {
  height: auto;
  margin-top: 0;
}

#dragons .figure {
  padding-top: 0;
}

.dragons-text p {
  text-indent: 0;
}

#savage_lovecast_526 .text-img p:first-child {
  text-indent: 0;
}

#packard-fig figure {
  padding: var(--pad-section);
}

#binning .crossfade figure {
  background-color: none;
}
#binning figure {
  background-image: url("/assets/images/appendix/binning-frame.png");
  background-size: calc(100% - 2 * var(--pad-section));
  background-repeat: no-repeat;
  background-position: 50% 42%;
}
@media (max-width: 1024px) {
  #binning figure {
    background-size: calc(100% - 2 * var(--margin));
  }
}
#binning figure[data-xfadeindex="1"] img {
  mix-blend-mode: multiply;
}
#binning figcaption {
  top: 10px;
  position: relative;
}

@media (max-width: 850px) {
  #quigley-fig {
    position: sticky;
    top: 0;
  }
  #quigley-fig figure {
    height: var(--height-figure);
  }
  #quigley-fig + .text-img {
    min-height: calc(var(--height-figure) * 6);
  }
  #quigley-indicator {
    height: calc(var(--height-figure) * 7);
  }
}
.quigley-labels {
  margin: auto;
  font-weight: 700;
  display: flex;
  padding-bottom: var(--pad);
}

.quigley-axislabel {
  font-weight: 400;
  margin: 0 10px;
  opacity: 0.6;
}

.quigley-framelabel {
  margin: 0 5px;
  opacity: 0.2;
  transition: opacity 400ms linear;
}

.visibleframe {
  opacity: 1;
}

#reimerselfportrait {
  width: 20%;
}
@media (max-width: 600px) {
  #reimerselfportrait {
    width: 50%;
  }
}
#reimerselfportrait + blockquote {
  padding-top: 0;
}

#moneycover {
  padding-top: 0;
}

#a-view-from-above {
  /* ending after full-bleed image*/
}
#a-view-from-above article {
  padding-bottom: 0;
}
#a-view-from-above section.content {
  padding-bottom: 10vh;
}

@media (max-width: 850px) {
  #chimeras .xfade-images {
    width: 60%;
    margin: 0 auto;
  }
}
@media (max-width: 400px) {
  #chimeras .xfade-images {
    width: 100%;
  }
}

@media (max-width: 850px) {
  #patriarchypyramid {
    width: 50%;
  }
}
@media (max-width: 600px) {
  #patriarchypyramid {
    width: 60%;
  }
}

#sextable {
  width: 50%;
}
@media (max-width: 600px) {
  #sextable {
    width: 100%;
  }
}

#lightsout .img-container {
  height: 50vw;
  background-size: 100%;
}
@media (max-width: 600px) {
  #lightsout .img-container {
    height: 65vw;
    background-size: 130%;
    background-position: -15vw 0;
    background-repeat: no-repeat;
  }
}

/*--------------------------------------*/
/* DEBUG STYLES --------------*/
/*--------------------------------------*/
/*--------------------------------------*/
/* STRUCTURAL PLOT STYLES --------------*/
/*--------------------------------------*/
.chart {
  display: block;
  padding-top: 20vh;
}
@media (max-width: 850px) {
  .chart {
    padding-top: 0;
  }
}

@media (max-width: 850px) {
  .plot-wrapper,
#pca3d {
    padding-top: 0;
    height: auto;
  }
  .plot-wrapper .figure,
#pca3d .figure {
    position: sticky;
    top: calc(var(--height-figure) * 0.2);
  }
  .plot-wrapper .figure + .text-plot > p,
.plot-wrapper .figure + .text-plot > ol,
.plot-wrapper .figure + .text-plot > blockquote,
.plot-wrapper .figure + .text-media > p,
.plot-wrapper .figure + .text-media > ol,
.plot-wrapper .figure + .text-media > blockquote,
#pca3d .figure + .text-plot > p,
#pca3d .figure + .text-plot > ol,
#pca3d .figure + .text-plot > blockquote,
#pca3d .figure + .text-media > p,
#pca3d .figure + .text-media > ol,
#pca3d .figure + .text-media > blockquote {
    display: none;
  }
}

.plot,
.plot-labels {
  font-size: var(--caption-size);
}

.plot-info,
.plot-footer,
.plot-tips {
  margin-left: 2.5%;
}

.plot-footer {
  padding-top: var(--pad-sm);
}

.xaxis-label {
  color: var(--grey);
  margin-bottom: var(--pad-sm);
}
.xaxis-label:after {
  content: " →";
}

[data-format=DensityAvg] .xaxis-label:before,
[data-format=DensityCat] .xaxis-label:before {
  content: "Decreasing ";
}

figure.plot {
  padding-left: calc(var(--pad-section) - 2.5%);
}
figure.plot figcaption {
  margin-left: 0;
}
figure.plot .plot-controls {
  display: flex;
}
@media (max-width: 850px) {
  figure.plot .plot-controls {
    display: none;
  }
}
@media (max-width: 850px) {
  figure.plot {
    padding-top: 0;
    padding-left: calc(var(--pad-body) - 2.5%);
    padding-right: calc(var(--pad-body) - 2.5%);
  }
}
@media (max-width: 600px) {
  figure.plot {
    padding-right: var(--pad-body);
    top: calc(var(--height-figure) * 0.2);
  }
}

.plot-content {
  position: relative;
  max-width: 750px;
  overflow: hidden;
}
@media (max-width: 850px) {
  .plot-content {
    max-width: none;
  }
}

.plot-info {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

button.plot-data-dl {
  padding: 0 6px 5px 6px;
  font-size: 17px;
}
button.plot-data-dl a {
  text-decoration: none;
  padding: 0 3px 2px 3px;
  border-bottom: 2px solid;
  border-bottom-color: transparent;
}
button.plot-data-dl a:hover {
  border-bottom-color: var(--accent);
}

.plot-header {
  flex: 1;
}
.plot-header div {
  display: inline;
}
.plot-header .plot-no,
.plot-header .plot-title {
  padding-right: var(--pad-xs);
}
.plot-header.multi-header .plot-title {
  display: none;
}

.plot-title,
.label-headers {
  font-weight: var(--wght-medium);
  padding-right: var(--pad-xs);
}
.plot-title .label,
.label-headers .label {
  /*sublabel next to the title, currently used for the maps*/
  font-weight: var(--wght);
  padding-left: 7px;
}

.multilabel-axis {
  font-weight: 400;
}

.plot-no {
  font-feature-settings: "tnum" on;
}

.plot-no,
.plot-axis-label {
  font-weight: var(--wght);
}

@media (max-width: 850px) {
  .plot-axis-label::before {
    content: "\a";
    white-space: pre;
  }
}

svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

/*--------
SVG TEXT
---------*/
text {
  font-feature-settings: "tnum" on;
}

.tick,
.svg-label {
  font-size: calc(var(--caption-size) * 1.2);
}
@media (max-width: 1400px) {
  .tick,
.svg-label {
    font-size: var(--base-size);
  }
}
@media (max-width: 1024px) {
  .tick,
.svg-label {
    font-size: var(--medium-size);
  }
}
@media (max-width: 850px) {
  .tick,
.svg-label {
    font-size: var(--base-size);
  }
}

.svg-label {
  mix-blend-mode: multiply;
}

/*----------------------
PLOT KEYS AND HEADERS (HTML, not SVG)
-----------------------*/
div.label-header {
  display: none;
  opacity: 0;
  transition: opacity 600ms, display 600ms;
}

[data-active-stop="0"] [data-sequence-number="0"] {
  display: inline;
  opacity: 1;
}

[data-active-stop="1"] [data-sequence-number="1"] {
  display: inline;
  opacity: 1;
}

[data-active-stop="2"] [data-sequence-number="2"] {
  display: inline;
  opacity: 1;
}

[data-active-stop="3"] [data-sequence-number="3"] {
  display: inline;
  opacity: 1;
}

[data-active-stop="4"] [data-sequence-number="4"] {
  display: inline;
  opacity: 1;
}

[data-active-stop="5"] [data-sequence-number="5"] {
  display: inline;
  opacity: 1;
}

[data-active-stop="6"] [data-sequence-number="6"] {
  display: inline;
  opacity: 1;
}

[data-active-stop="7"] [data-sequence-number="7"] {
  display: inline;
  opacity: 1;
}

[data-active-stop="8"] [data-sequence-number="8"] {
  display: inline;
  opacity: 1;
}

[data-active-stop="9"] [data-sequence-number="9"] {
  display: inline;
  opacity: 1;
}

.key-item {
  display: none;
  opacity: 0;
  pointer-events: none;
  padding-bottom: var(--pad-xsmall);
  transition: opacity 600ms, display 600ms;
}

.visiblekey {
  opacity: 1;
  display: flex;
  pointer-events: auto;
  cursor: pointer;
}

.key-color {
  margin: 3px 6px 0 0;
  width: 20px;
  flex: none;
  height: 1rem;
  opacity: 0.5;
  transition: opacity 200ms;
}

.key-label {
  transition: font-weight 200ms;
  line-height: 1.6;
}

.series-group {
  opacity: 0;
  pointer-events: none;
  transition: opacity 400ms ease-in-out;
}

.series-group[data-series-state=active] {
  opacity: 1;
  pointer-events: auto;
}

[data-highlight=true] .series-group[data-series-state=active],
[data-highlight=true] [data-series-number] {
  opacity: 0.3;
}
[data-highlight=true] .series-group[data-series-state=active].highlight,
[data-highlight=true] [data-series-number].highlight {
  opacity: 1;
}

.highlight .key-color {
  opacity: 1;
}

.map figcaption {
  line-height: 1.2;
}
.map .key-item {
  display: flex;
  opacity: 1;
}
.map .key-color {
  opacity: 1;
}
.map .plot-title {
  padding-right: calc(var(--pad-xs) / 2);
}
.map .plot-content.withlabels, .map .plot-content.withlabels.withlabels .g-artboard {
  margin: 0 auto;
}
.map .plot-content.withlabels img {
  position: absolute;
  top: 0;
  display: block;
  width: 100% !important;
}
.map .plot-content.withlabels .g-artboard {
  position: relative;
  overflow: hidden;
}
.map .plot-content p {
  font-size: 14px;
  margin: 0;
}
.map .plot-content .label {
  position: absolute;
  display: inline-block;
  mix-blend-mode: normal;
}
.map .plot-content .label p {
  white-space: nowrap;
  text-indent: 0;
  line-height: 1.1;
}

.plot-tips {
  pointer-events: none;
  opacity: 0;
  color: var(--grey);
  font-size: var(--small-size);
  position: fixed;
  padding: 5px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.9);
  transition: opacity 400ms ease-in-out;
}
.plot-tips.visible {
  opacity: 1;
}
.plot-tips .bin-tip,
.plot-tips .plot-tip {
  float: left;
}
.plot-tips .series-tip {
  clear: left;
}

.plot-tip {
  margin-left: 0.5em;
  display: none;
}
.plot-tip.tip-visible {
  display: block;
}

[data-format=AgeCat] .plot-tip:after,
[data-format=DensityCat] .plot-tip:after {
  content: "%";
}

.xydivider {
  opacity: 0.5;
}

.bar-tip {
  opacity: 0;
  pointer-events: none;
  font-size: var(--small-size);
  padding: 5px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.8);
  height: auto;
  position: absolute;
  top: 0;
  margin-top: -5px;
}
.bar-tip .tip-question {
  display: none;
}
@media (max-width: 850px) {
  .bar-tip {
    background: white;
    font-size: var(--caption-size);
  }
  .bar-tip .tip-question {
    display: block;
  }
}

/*--------
BAR GRAPHS
---------*/
[data-format=Bars] figcaption {
  padding: 0;
  margin: auto;
}
[data-format=Bars] .plot-content {
  height: calc(var(--height-figure) - var(--height-header) - 100px);
  max-width: 95%;
  margin: auto;
  margin-bottom: 10px;
}
[data-format=Bars] .plot-footer {
  width: 95%;
  position: relative;
}
[data-format=Bars] .key-item {
  display: flex;
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}
[data-format=Bars] .plot-labels {
  position: absolute;
  left: var(--margin);
}
[data-format=Bars] .plot-labels > div:first-child .key-label {
  color: rgb(var(--green));
}
[data-format=Bars] .plot-labels > div:first-child .key-color {
  background: rgb(var(--green));
}
[data-format=Bars] .plot-labels > div:nth-child(2) .key-label {
  color: rgb(var(--orange));
}
[data-format=Bars] .plot-labels > div:nth-child(2) .key-color {
  background: rgb(var(--orange));
}
@media (max-width: 850px) {
  [data-format=Bars] .plot-labels .key-item {
    padding-right: var(--pad-xs);
  }
}
[data-format=Bars] .highlight .bar {
  opacity: 1;
}
[data-format=Bars] .highlight .question-label {
  font-weight: 700;
}

.bargroup {
  position: absolute;
  top: 0;
  transition: transform 800ms ease-in-out;
  width: 100%;
  overflow: visible;
}
.bargroup:hover {
  z-index: 100;
}
.bargroup:hover .bar {
  opacity: 1;
}
.bargroup:hover .question-label {
  font-weight: 700;
}
.bargroup:hover .bar-tip {
  opacity: 1;
}

.bar {
  height: 100%;
  max-height: 14px;
  width: 100%;
  position: absolute;
  top: 0px;
  opacity: 0.4;
  left: 50%;
  transform-origin: top left;
  transition: all 300ms ease-in-out;
}

.question-label {
  transition: color 800ms linear;
  padding: 0 7px;
  font-size: 14px;
  font-family: "Graphik";
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50%;
  transition: all 300ms ease-in-out;
}
@media (max-width: 1024px) {
  .question-label {
    letter-spacing: 0.02em;
    font-size: 12px;
    font-family: "GraphikCompact";
  }
}
@media (max-width: 400px) {
  .question-label {
    letter-spacing: 0.02em;
    font-size: 10px;
  }
}

[data-bar=positive] {
  color: rgb(var(--green));
}
[data-bar=positive] .bar {
  background: rgb(var(--green));
}
[data-bar=positive] .question-label {
  width: 50%;
  text-align: right;
  transform: translateX(0);
}
[data-bar=positive] .bar-tip {
  left: calc(50% + 20px);
}

[data-bar=negative] {
  color: rgb(var(--orange));
}
[data-bar=negative] .bar {
  left: 50%;
  transform: translateX(-100%);
  background: rgb(var(--orange));
}
[data-bar=negative] .question-label {
  transform: translateX(100%);
}
[data-bar=negative] .bar-tip {
  left: calc(50% - 60px);
}

/*--------
BINS AND BINLINES
---------*/
.bin {
  stroke: none;
  fill: var(--bin1);
}
.bin.activebin {
  fill: rgb(222, 222, 170);
}

.bin:nth-child(2n) {
  fill: var(--bin2);
}
.bin:nth-child(2n).activebin {
  fill: var(--bin3);
}

.binlinegroup {
  opacity: 0;
  pointer-events: none;
}
.binlinegroup[data-binindex="0"] {
  display: none;
}
.binlinegroup:hover .binline {
  fill: var(--bintip);
}

.bintip {
  fill: var(--bintip);
}

.binline {
  fill: var(--binline);
  cursor: ew-resize;
  mix-blend-mode: multiply;
}

button.plot-binupdate {
  cursor: pointer;
  padding: 0 5px 2px 5px;
  width: 30px;
  border-style: solid;
  border-width: 0px 2px 0px 2px;
  border-color: transparent;
  height: 15px;
  margin-top: 6px;
  line-height: 0.7;
}
button.plot-binupdate:hover {
  color: rgb(200, 200, 150);
  border-color: rgb(200, 200, 150);
}

[data-format=XY] .plot-binupdate {
  display: none;
}

.binlineghost {
  opacity: 0;
  pointer-events: none;
}
.binlineghost .binline {
  fill: rgb(240, 240, 240);
}
.binlineghost .bintip {
  fill: rgb(200, 200, 200);
}

[data-binupdate] .binlinegroup {
  opacity: 1;
  pointer-events: auto;
}
[data-binupdate] .plot-binupdate {
  color: rgb(200, 200, 150);
  border-color: rgb(200, 200, 150);
}
[data-binupdate] .binlineghost {
  opacity: 1;
}
[data-binupdate] [data-dragging=true] .binlineghost {
  opacity: 0;
}

/*--------
SVG SERIES
---------*/
.line {
  fill: none;
  stroke-width: 3px;
  transition: stroke-width 400ms ease;
}
.line.thick {
  stroke-width: 6px;
}
.line.dotted, .line.dotted-1, .line.dotted-2 {
  stroke-dasharray: 5;
}
.line.hotspot {
  stroke-width: 20px;
  opacity: 0;
  stroke: transparent;
}

.highlight .area {
  --alpha: 60%;
  mix-blend-mode: normal;
}
.highlight .line {
  stroke-width: 5px;
}
.highlight .line.thick {
  stroke-width: 8px;
}
.highlight .line.hotspot {
  stroke-width: 20px;
}

.dot {
  pointer-events: none;
  r: 3px;
}

.wideline {
  fill: none;
  pointer-events: all;
  stroke: transparent;
  stroke-width: 30px;
}

.tick line {
  fill: none;
  stroke-width: 1px;
  stroke: var(--gridline);
}

.domain {
  fill: none;
  stroke: none;
}

.x.gridline .tick:hover {
  cursor: ew-resize;
}

.area {
  mix-blend-mode: multiply;
  transition: fill 0.4s ease, opacity 0.4s ease;
}

/*----------------
PLOT INTERACTIVITY
-----------------*/
.plot-labels {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.plot-labels .key-item {
  padding-right: var(--pad);
  padding-bottom: var(--pad-xs);
}

.plot-footer.vertical {
  /*map legends*/
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 0;
}
.plot-footer.vertical .key-title {
  padding-left: 26px;
  padding-top: var(--pad-sm);
  padding-bottom: var(--pad-xs);
}
.plot-footer.vertical .key-title .key-label {
  font-weight: var(--wght-medium);
}
.plot-footer.vertical .plot-labels {
  flex-direction: column;
}
.plot-footer.vertical .plot-labels.range {
  /*gradation bar*/
}
.plot-footer.vertical .plot-labels.range .key-color {
  height: 10px;
  margin-bottom: 0;
}
.plot-footer.vertical .plot-labels.range .key-label {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: space-between;
}
.plot-footer.vertical .plot-labels.range .key-item {
  padding-bottom: 0;
}
.plot-footer.vertical .plot-labels.range .key-item:first-child .key-label {
  margin-top: -0.5em;
}
.plot-footer.vertical .plot-labels.range .key-item:last-child .key-label {
  margin-bottom: -0.5em;
}
.plot-footer.vertical .key-item {
  width: 45%;
  align-items: center;
  padding-bottom: var(--pad-xs);
}
.plot-footer.vertical .key-label {
  line-height: 1;
  margin-top: -2px;
}
.plot-footer.vertical .key-color {
  margin-top: 0;
}

hr + .plot-scroll p:first-child {
  text-indent: 0;
}

/*----------------
PLOT-specific OVERRIDES
-----------------*/
#handedpredictorsbn-plot #HSwitched .question-label {
  font-weight: bold;
}
#handedpredictorsbn-plot #HSwitched .bar {
  opacity: 1;
}

#genderpca3xy [data-series="2"] .dot {
  --alpha: 0.7;
  r: 5px;
}

#genderpca3xy [data-series="3"] .dot {
  --alpha: 0.7;
  r: 5px;
}

#youngcity [data-series="0"],
#nchildmenopause [data-series="1"],
#children [data-series="0"],
#urchildren [data-series="0"] {
  --alpha: 0.2;
}

#crops .plot-axis-label {
  display: none;
}

#cumpoparea .plot-tips .tip-serieslabel,
#definitions .plot-tips .tip-serieslabel,
#populationlog .plot-tips .tip-serieslabel {
  display: none;
}

#definitions .xaxis-label:before {
  content: "Decreasing density, more ";
}

#populationlog [data-series="6"] {
  pointer-events: none;
}

#tfr-plot[data-active-stop="3"] [data-series],
#tfr-plot[data-active-stop="3"] [data-series-number] {
  opacity: 0.3;
}
#tfr-plot[data-active-stop="3"] [data-series="8"],
#tfr-plot[data-active-stop="3"] [data-series-number="8"] {
  opacity: 1;
}

#tfr-plot[data-active-stop="4"] [data-series],
#tfr-plot[data-active-stop="4"] [data-series-number] {
  opacity: 0.3;
}
#tfr-plot[data-active-stop="4"] [data-series="9"],
#tfr-plot[data-active-stop="4"] [data-series-number="9"],
#tfr-plot[data-active-stop="4"] [data-series="10"],
#tfr-plot[data-active-stop="4"] [data-series-number="10"],
#tfr-plot[data-active-stop="4"] [data-series="8"],
#tfr-plot[data-active-stop="4"] [data-series-number="8"] {
  opacity: 1;
}

#mturkage-plot[data-active-stop="0"] [data-series="0"] .area,
#mturkf-plot[data-active-stop="0"] [data-series="0"] .area {
  opacity: 0;
}

/*----------------
PCA
-----------------*/
.hovertext {
  stroke: none;
}

.hovertext text {
  font-family: "ChromaST" !important;
}

#pca3d-fig .plot-content {
  width: 100%;
  height: calc(var(--height-figure) * 0.75);
  max-width: none;
}
#pca3d-fig .plot-labels {
  margin: 0 var(--margin);
}
#pca3d-fig canvas {
  width: 100%;
  height: 100%;
  display: block;
}

/*--------
//Stop indicators for Plot sequence
---------*/
.seqindicator {
  width: 100%;
  --alpha: 0.2;
  cursor: pointer;
  border: 0px solid var(--mediumgrey);
  opacity: var(--alpha);
  border-left-width: var(--width-ind);
  transition: opacity 200ms linear;
  margin-bottom: 1px;
  flex: 1;
}
.seqindicator:hover {
  --alpha: 0.5;
}
@media (max-width: 850px) {
  .seqindicator {
    opacity: 0;
    height: 25px;
    flex: none;
    position: fixed;
    border-color: transparent;
    background: var(--lightgrey);
    margin: 0 5px;
    top: var(--height-spans);
    z-index: 0;
  }
  .seqindicator.active-tag {
    background: var(--mediumgrey);
  }
}

.active-figindicator .seqindicator {
  --alpha: 0.5;
}
.active-figindicator .seqindicator:hover {
  --alpha: 1;
}
.active-figindicator .seqindicator.active-tag {
  --alpha: 1;
}

[data-stops="1"] + .indicator,
[data-stops="1"] + .mobile-indicator {
  visibility: hidden;
}

@media (max-width: 850px) {
  .seqindicator {
    display: none;
  }
}

.fullbleed figure,
#pca3d figure {
  position: sticky;
  top: var(--height-header);
}
.fullbleed .plot-info,
.fullbleed .plot-footer,
#pca3d .plot-info,
#pca3d .plot-footer {
  margin-left: 0;
}
@media (max-width: 850px) {
  .fullbleed .chart,
.fullbleed #pca3d-fig,
#pca3d .chart,
#pca3d #pca3d-fig {
    top: var(--height-header);
  }
  .fullbleed .chart .plot-info,
.fullbleed #pca3d-fig .plot-info,
#pca3d .chart .plot-info,
#pca3d #pca3d-fig .plot-info {
    height: auto;
  }
  .fullbleed .chart .plot-header,
.fullbleed #pca3d-fig .plot-header,
#pca3d .chart .plot-header,
#pca3d #pca3d-fig .plot-header {
    padding: var(--pad-sm) 0;
  }
}
.fullbleed .indicator,
#pca3d .indicator {
  width: var(--width-ind);
  height: auto;
  position: relative;
}
.fullbleed .indicator .seqindicator,
#pca3d .indicator .seqindicator {
  flex: none;
  height: var(--height-figure);
  background: transparent;
}
.fullbleed .indicator .seqindicator:last-child,
#pca3d .indicator .seqindicator:last-child {
  height: 150vh;
}
@media (max-width: 850px) {
  .fullbleed .indicator,
#pca3d .indicator {
    height: 100%;
    position: absolute;
    top: 0;
    width: var(--width-ind);
  }
  .fullbleed .indicator .seqindicator,
#pca3d .indicator .seqindicator {
    display: none;
  }
}

@media (max-width: 850px) {
  #pca3d {
    margin: var(--lineheight) 0;
  }
}

@media (max-width: 600px) {
  #cumpoparea figcaption,
#definitions figcaption {
    padding-bottom: calc(var(--pad-sm) * 3);
  }
}

/*----------------
MAPS STYLES
-----------------*/
.figure.map figure {
  width: 100%;
}
.figure.map .plot-labels {
  margin-top: var(--pad-sm);
}

@media (max-width: 850px) {
  .map-plot .plot-footer {
    display: block;
    padding: var(--pad) 0;
  }
}

.map-full-wrapper .crossfade {
  opacity: 1;
}
.map-full-wrapper .indicator {
  position: relative;
  border-color: transparent;
}
.map-full-wrapper .xfade-images {
  position: sticky;
  top: var(--height-header);
  height: calc(100vh - var(--height-header));
}
@media (max-width: 850px) {
  .map-full-wrapper .xfade-images {
    width: 100%;
  }
}
.map-full-wrapper figure.map-image {
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.map-full-wrapper figure.map-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
.map-full-wrapper figure.map-image:first-child {
  opacity: 1;
}
.map-full-wrapper .spanindicator {
  flex: none;
  height: 100vh;
  width: 15px;
  scroll-snap-type: y mandatory;
}
.map-full-wrapper .spanindicator:first-child {
  height: 50vh;
}
.map-full-wrapper .spanindicator:last-child {
  height: 150vh;
}
.map-full-wrapper figcaption {
  position: absolute;
  bottom: 0;
}
.map-full-wrapper .plot-labels {
  max-width: 300px;
  position: absolute;
  left: var(--margin);
  top: 10px;
  margin-left: 0;
}
.map-full-wrapper .key-title {
  margin-bottom: 0.5em;
}
.map-full-wrapper .key-item {
  display: flex;
}
.map-full-wrapper .key-color {
  height: 90px;
  margin: 0;
}
.map-full-wrapper .key-label {
  margin: -1em 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

@media (max-width: 850px) {
  #votingdensity figure[data-xfadeindex="0"] img,
#votingdensity figure[data-xfadeindex="1"] img,
#votingdensity figure[data-xfadeindex="2"] img,
#votingdensity figure[data-xfadeindex="3"] img {
    object-fit: contain;
  }
}

.map-labels p {
  margin-left: 0;
  padding: 0;
}

/*colors*/
.key-item.white .key-color {
  border: var(--gridline) solid 1px;
}

.key-item.space-top {
  padding-top: 14px;
}

#antigaymap .plot-footer {
  position: static;
}
#antigaymap .plot-footer .plot-labels {
  flex-direction: row;
}
#antigaymap .plot-footer .col {
  width: 50%;
}
@media (max-width: 600px) {
  #antigaymap .plot-footer .col {
    width: 100%;
  }
  #antigaymap .plot-footer .col:nth-child(2) {
    margin-top: var(--pad);
  }
}
#antigaymap .plot-footer .key-item {
  width: 100%;
  padding-bottom: 0;
}

/* non-full-bleed map */
/* [lesbianbarmap] */
#lesbianbarmap {
  /* Adjust the top and left properties for each city label */
}
#lesbianbarmap .label[data-name=Washington] {
  top: 10%;
  left: 7%;
}
#lesbianbarmap .label[data-name=Wisconsin] {
  top: 25%;
  left: 56%;
}
#lesbianbarmap .label[data-name="New York"] {
  top: 23%;
  left: 84%;
}
#lesbianbarmap .label[data-name=Ohio] {
  top: 35%;
  left: 72%;
}
#lesbianbarmap .label[data-name=Illinois] {
  top: 44%;
  left: 58%;
}
#lesbianbarmap .label[data-name=Indiana] {
  top: 39%;
  left: 64%;
}
#lesbianbarmap .label[data-name=Tennessee] {
  top: 59%;
  left: 62%;
}
#lesbianbarmap .label[data-name=Colorado] {
  top: 47%;
  left: 27.5%;
}
#lesbianbarmap .label[data-name=California] {
  top: 46%;
  left: 0%;
}
#lesbianbarmap .label[data-name=Virginia] {
  top: 50%;
  left: 80%;
}
#lesbianbarmap .label[data-name=Arizona] {
  top: 57%;
  left: 16%;
}
#lesbianbarmap .label[data-name=Oklahoma] {
  top: 64%;
  left: 45%;
}
#lesbianbarmap .label[data-name=Georgia] {
  top: 67%;
  left: 74%;
}
#lesbianbarmap .label[data-name=Alabama] {
  top: 70%;
  left: 65%;
}
#lesbianbarmap .label[data-name=Texas] {
  top: 75%;
  left: 41%;
}
@media (max-width: 400px) {
  #lesbianbarmap .label[data-name=Illinois] {
    left: 56%;
  }
}

/* [sexratiomap], [tfrmap] */
#sexratiomap,
#tfrmap {
  /* avoid cropping the vertical range */
}
#sexratiomap .plot-footer.vertical .plot-labels.range,
#tfrmap .plot-footer.vertical .plot-labels.range {
  margin-bottom: 0.5em;
}

#tfrmap {
  /*position map slightly right on mobile */
}
@media (max-width: 600px) {
  #tfrmap figure {
    padding-right: 0;
  }
  #tfrmap .plot-content {
    padding-left: var(--pad-body);
  }
}

/* [intersexrightsmap] */
#intersexrightsmap .label[data-name=Austria] {
  top: 14%;
  left: 51%;
}
#intersexrightsmap .label[data-name=Portugal] {
  top: 22%;
  right: 53%;
}
#intersexrightsmap .label[data-name=Spain] {
  top: 17%;
  right: 50%;
}
#intersexrightsmap .label[data-name=Greece] {
  top: 22%;
  left: 58%;
}
#intersexrightsmap .label[data-name=Uruguay] {
  top: 68%;
  left: 37%;
}
#intersexrightsmap .label[data-name=Malta] {
  top: 28%;
  left: 50%;
}
@media (max-width: 400px) {
  #intersexrightsmap .label[data-name=Spain] {
    top: 14%;
    right: 50%;
  }
  #intersexrightsmap .label[data-name=Austria] {
    top: 10%;
    left: 51%;
  }
  #intersexrightsmap .label[data-name=Uruguay] {
    top: 64%;
    left: 37%;
  }
}

/*full-bleed map*/
/* [votingdensity] labels: matrix label layout */
#votingdensity .plot-labels {
  left: auto;
  right: var(--margin);
  /* border: solid 1px; */
  height: auto;
}
#votingdensity .plot-labels .key-title {
  margin-bottom: 0.5em;
  height: 23px;
}
#votingdensity .plot-labels .blue {
  color: rgb(0, 173, 236);
}
#votingdensity .plot-labels .red {
  color: rgb(238, 58, 121);
}
#votingdensity .map-labels .label {
  position: absolute;
}
#votingdensity .map-labels p {
  color: #736f72;
  mix-blend-mode: multiply;
  width: 100%;
  line-height: 1rem;
}
#votingdensity .matrix {
  flex-direction: column;
  width: 90px;
  top: 40px;
  right: var(--pad-body);
}
@media (max-width: 400px) {
  #votingdensity .matrix {
    right: 1.5rem;
  }
}
#votingdensity .matrix .key-item {
  flex-direction: column;
  position: absolute;
  mix-blend-mode: multiply;
}
#votingdensity .matrix .key-label {
  flex-direction: row;
  font-size: 12px;
  margin: 0 -2.5em 0 -1em;
  padding: calc(var(--pad-xs) / 2) 0 0 0;
}
#votingdensity .matrix .key-title {
  text-align: center;
  width: 90px;
}
#votingdensity .matrix .key-color {
  width: 90px;
}
#votingdensity .mtrx-1 .key-color {
  background-image: linear-gradient(rgb(0, 173, 236), rgba(0, 174, 239, 0));
}
#votingdensity .mtrx-1 .key-label {
  position: absolute;
  width: 132px;
  transform: rotate(270deg);
  margin: 0 -3.5em 0 -1em;
  margin-top: 50px;
  margin-left: -80px;
  top: -22px;
  color: rgb(0, 173, 236);
}
#votingdensity .mtrx-1 .key-title {
  position: absolute;
  width: 110px;
  transform: rotate(270deg);
  margin-top: 35px;
  margin-left: -85px;
}
#votingdensity .mtrx-2 .key-color {
  background-image: linear-gradient(90deg, rgba(238, 51, 119, 0), rgb(238, 58, 121));
}
#votingdensity .mtrx-2 .key-label {
  color: rgb(238, 58, 121);
}
#votingdensity [data-xfadeindex="0"] .plot-labels {
  text-align: right;
  flex-direction: column;
}
#votingdensity [data-xfadeindex="0"] .plot-labels .key-item {
  flex-direction: row-reverse;
  padding-right: 0;
}
#votingdensity [data-xfadeindex="0"] .plot-labels .key-color {
  background-image: linear-gradient(rgb(0, 174, 239), rgb(255, 255, 255), rgb(238, 51, 119));
  margin: 0 0 0 6px;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name="Kansas City"] {
  top: 79%;
  left: 6%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name="St.Louis"] {
  top: 83%;
  left: 21%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Indianapolis] {
  top: 73%;
  left: 35%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Louisville] {
  top: 86%;
  left: 36%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Minneapolis] {
  top: 25%;
  left: 14%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Milwaukee] {
  top: 47%;
  left: 28%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Chicago] {
  top: 56%;
  left: 29%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Detroit] {
  top: 50%;
  left: 44%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Cleveland] {
  top: 61%;
  left: 49%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Albany] {
  top: 45%;
  left: 69%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Boston] {
  top: 48%;
  left: 83%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Springfield] {
  top: 47%;
  left: 74%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Providence] {
  top: 55%;
  left: 79%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Hartford] {
  top: 53%;
  left: 72%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Ithaca] {
  top: 52%;
  left: 66%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Philadelphia] {
  top: 65.5%;
  left: 64%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name="New York"] {
  top: 64.8%;
  left: 74.2%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Baltimore] {
  top: 75%;
  left: 65.5%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Washington] {
  top: 82%;
  left: 64%;
}
@media (max-width: 850px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] img {
    object-position: 90% center;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name="Kansas City"],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name="St.Louis"],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Minneapolis],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Milwaukee],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Chicago],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Indianapolis],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Louisville],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Detroit],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Cleveland] {
    display: none;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Albany] {
    top: 46%;
    left: 53%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Springfield] {
    top: 48%;
    left: 61%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Providence] {
    top: 53%;
    left: 75%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Hartford] {
    top: 53%;
    left: 59%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Ithaca] {
    top: 52%;
    left: 45%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Philadelphia] {
    top: 61.5%;
    left: 40%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name="New York"] {
    top: 61.8%;
    left: 62.2%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Baltimore] {
    top: 70%;
    left: 45.5%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Washington] {
    top: 76%;
    left: 42%;
  }
}
@media (max-width: 600px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Albany] {
    top: 45%;
    left: 31%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Springfield] {
    top: 47%;
    left: 42%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Providence] {
    top: 52%;
    left: 62%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Boston] {
    top: 48%;
    left: 71%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Baltimore] {
    top: 69%;
    left: 15.5%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Hartford] {
    top: 52%;
    left: 37%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name="New York"] {
    top: 61.8%;
    left: 45.2%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Philadelphia] {
    top: 62.5%;
    left: 14%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="4"] .label[data-name=Washington] {
    top: 76%;
    left: 14%;
  }
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="5"] .label[data-name=Minneapolis] {
  top: 35%;
  left: 26%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="5"] .label[data-name="St. Paul"] {
  top: 55%;
  left: 38%;
}
@media (max-width: 850px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="5"] img {
    object-position: 35% center;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="5"] .label[data-name="St. Paul"] {
    top: 49%;
    left: 44%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="5"] .label[data-name=Minneapolis] {
    top: 39%;
    left: 20%;
  }
}
@media (max-width: 600px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="5"] .label[data-name=Minneapolis] {
    top: 37%;
    left: 13%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="5"] .label[data-name="St. Paul"] {
    left: 47%;
  }
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="6"] .label[data-name="Fort Worth"] {
  top: 25%;
  left: 32%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="6"] .label[data-name=Dallas] {
  top: 20%;
  left: 49%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="6"] .label[data-name=Austin] {
  top: 62%;
  left: 36%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="6"] .label[data-name=Houston] {
  top: 72%;
  left: 50%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="6"] .label[data-name="San Antonio"] {
  top: 81%;
  left: 30%;
}
@media (max-width: 850px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="6"] .label[data-name="Fort Worth"] {
    top: 30%;
    left: 24%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="6"] .label[data-name=Dallas] {
    top: 27%;
    left: 54%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="6"] .label[data-name=Austin] {
    top: 59%;
    left: 26%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="6"] .label[data-name=Houston] {
    top: 67%;
    left: 54%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="6"] .label[data-name="San Antonio"] {
    top: 74%;
    left: 13%;
  }
}
@media (max-width: 600px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="6"] .label[data-name="Fort Worth"] {
    top: 31%;
    left: -4%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="6"] .label[data-name="San Antonio"] {
    top: 74%;
    left: -2%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="6"] .label[data-name=Austin] {
    top: 58%;
    left: 6%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="6"] .label[data-name=Houston] {
    top: 64%;
    left: 50%;
  }
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name=Sacramento] {
  top: 32.5%;
  left: 14%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name="Santa Rosa"] {
  top: 34%;
  left: 6%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name=Fresno] {
  top: 86%;
  left: 47%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name=Stockton] {
  top: 48%;
  left: 25%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name="San Francisco"] {
  top: 59%;
  left: 8%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name=Oakland] {
  top: 55%;
  left: 9%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name="Palo Alto"] {
  top: 66%;
  left: 5%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name=Fremont] {
  top: 66%;
  left: 17%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name="San Jose"] {
  top: 71%;
  left: 18%;
}
@media (max-width: 850px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] img {
    object-position: 2% center;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name=Fresno] {
    display: none;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name=Sacramento] {
    top: 36.5%;
    left: 27%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name="Santa Rosa"] {
    top: 38%;
    left: 11%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name=Stockton] {
    top: 49%;
    left: 47%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name="San Francisco"] {
    top: 58%;
    left: 8%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name=Oakland] {
    top: 54%;
    left: 17%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name="Palo Alto"] {
    top: 63%;
    left: 12%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name=Fremont] {
    top: 63%;
    left: 36%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name="San Jose"] {
    top: 66%;
    left: 37%;
  }
}
@media (max-width: 600px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name=Fremont] {
    top: 63%;
    left: 53%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name="San Jose"] {
    top: 67%;
    left: 58%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name="San Francisco"] {
    top: 57%;
    left: 3%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name=Oakland] {
    top: 53%;
    left: 19%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name="Santa Rosa"] {
    top: 37%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name=Sacramento] {
    top: 36.5%;
    left: 35%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="7"] .label[data-name="Palo Alto"] {
    top: 64%;
    left: 15%;
  }
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Hartford] {
  top: 81%;
  left: 55%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Albany] {
  top: 61%;
  left: 49%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Boston] {
  top: 71%;
  left: 72%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Buffalo] {
  top: 61%;
  left: 20%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Rochester] {
  top: 55%;
  left: 23%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Syracuse] {
  top: 57%;
  left: 33%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Springfield] {
  top: 74%;
  left: 58%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name="New Haven"] {
  top: 89%;
  left: 57.5%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Providence] {
  top: 82%;
  left: 64%;
}
@media (max-width: 850px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] img {
    object-position: 68% center;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Buffalo],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Rochester],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Binghamton] {
    display: none;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Hartford] {
    top: 51%;
    left: 80%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Albany] {
    top: 59%;
    left: 33%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Boston] {
    top: 68.5%;
    left: 77%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Syracuse] {
    top: 57%;
    left: 5%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Springfield] {
    top: 69%;
    left: 51%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name="New Haven"] {
    top: 81%;
    left: 48.5%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Providence] {
    top: 74%;
    left: 66%;
  }
}
@media (max-width: 600px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Springfield] {
    top: 68%;
    left: 38%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Albany] {
    left: 19%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Providence] {
    top: 78%;
    left: 64%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name="New Haven"] {
    top: 81%;
    left: 34.5%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="8"] .label[data-name=Hartford] {
    top: 54%;
    left: 76%;
  }
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Dayton] {
  top: 45%;
  left: 57%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Toledo] {
  top: 8%;
  left: 68%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name="Fort Wayne"] {
  top: 19%;
  left: 53%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Indianapolis] {
  top: 41%;
  left: 43%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Cincinnati] {
  top: 63%;
  left: 57%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Columbus] {
  top: 48%;
  left: 70%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Louisville] {
  top: 75%;
  left: 47%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Cleveland] {
  top: 11%;
  left: 79%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Lexington] {
  top: 78%;
  left: 57.5%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name="St.Louis"] {
  top: 64%;
  left: 5%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Chicago] {
  top: 12%;
  left: 32%;
}
@media (max-width: 850px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name="St.Louis"],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Cleveland] {
    display: none;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Columbus] {
    top: 48%;
    left: 87%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Toledo] {
    top: 18%;
    left: 84%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name="Fort Wayne"] {
    top: 24%;
    left: 53%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Dayton] {
    top: 46%;
    left: 65%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Chicago] {
    top: 18%;
    left: 21%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Lexington] {
    top: 73%;
    left: 68.5%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Indianapolis] {
    top: 44%;
    left: 38%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Cincinnati] {
    top: 61%;
    left: 64%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Louisville] {
    top: 70%;
    left: 47%;
  }
}
@media (max-width: 600px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Columbus],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Toledo] {
    display: none;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name="Fort Wayne"] {
    top: 24%;
    left: 46%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Dayton] {
    top: 46%;
    left: 72%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Cincinnati] {
    top: 62%;
    left: 72%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Indianapolis] {
    top: 44%;
    left: 28%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Chicago] {
    top: 17%;
    left: 2%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Louisville] {
    top: 78%;
    left: 47%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="9"] .label[data-name=Lexington] {
    top: 74%;
    left: 71.5%;
  }
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Oneida] {
  top: 34%;
  left: 56%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Poughkeepsie] {
  top: 82%;
  left: 85%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Kingston] {
  top: 75%;
  left: 85%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Ithaca] {
  top: 58%;
  left: 45%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Corning] {
  top: 66%;
  left: 33%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Elmira] {
  top: 69%;
  left: 40%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Utica] {
  top: 35%;
  left: 62%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Albany] {
  top: 53%;
  left: 82%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Buffalo] {
  top: 45%;
  left: 4%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Rochester] {
  top: 28%;
  left: 23%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Syracuse] {
  top: 36%;
  left: 51%;
}
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Binghamton] {
  top: 66%;
  left: 51%;
}
@media (max-width: 1024px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Utica] {
    top: 36%;
    left: 65%;
  }
}
@media (max-width: 850px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] img {
    object-position: 95% center;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Oneida],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Ithaca],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Corning],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Elmira],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Buffalo],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Rochester] {
    display: none;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Albany] {
    top: 53%;
    left: 74%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Utica] {
    top: 36%;
    left: 36%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Binghamton] {
    top: 63%;
    left: 11%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Syracuse] {
    top: 39%;
    left: 11%;
  }
}
@media (max-width: 600px) {
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Binghamton],
#votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Syracuse] {
    display: none;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Albany] {
    top: 50%;
    left: 48%;
  }
  #votingdensity.map-full-wrapper figure.map-image[data-xfadeindex="10"] .label[data-name=Utica] {
    top: 35%;
    left: 26%;
  }
}

/*[densitymap]*/
#densitymap.map-full-wrapper .plot-labels {
  width: 100%;
  max-width: none;
  left: 0;
  height: 30px;
  padding-right: 0;
}
#densitymap .label {
  position: absolute;
  color: rgb(238, 51, 119);
  letter-spacing: 0.02em;
  top: 3%;
}
#densitymap .label:first-child {
  left: 29%;
}
@media (max-width: 1024px) {
  #densitymap .label:first-child {
    left: 25%;
  }
}
@media (max-width: 850px) {
  #densitymap .label:first-child {
    left: 18%;
  }
}
@media (max-width: 600px) {
  #densitymap .label:first-child {
    left: 10%;
  }
}
#densitymap .label:last-child {
  left: 60%;
}
#densitymap [data-xfadeindex="1"] figcaption {
  color: white;
}

#jesusland-map .label {
  font-weight: 500;
  color: white;
  letter-spacing: 0.02em;
}

/* AUDIO ----------------------------------------------------*/
.audio figure {
  display: flex;
  justify-content: center;
}
.audio.figure.image img {
  width: 50%;
  padding: var(--pad) 0;
  margin: auto;
}
.audio audio {
  width: 100%;
  margin: 0 auto;
}

/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
Element Defaults
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: var(--base-size);
}

body {
  width: 100%;
  font-size: var(--base-size);
  --bgalpha: 0;
  background-color: rgba(5, 5, 15, var(--bgalpha));
  color: var(--color-default);
}

/*--------------------------------------------------------------*/
/* TYPOGRAPHY --------------------------------------------------*/
/*--------------------------------------------------------------*/
h1, .chapter-next a.next,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--wght-bold);
  margin-bottom: var(--pad);
  line-height: 0.9;
}
h1 em, .chapter-next a.next em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  font-weight: var(--wght-bold);
}

h1, .chapter-next a.next {
  font-size: var(--heading-size);
}

h2 {
  font-size: var(--hsize);
}

p,
.content > ol li,
.content > ul li {
  line-height: var(--lineheight);
}
p strong,
.content > ol li strong,
.content > ul li strong {
  font-weight: var(--wght-medium);
  letter-spacing: 0.01em;
  padding-right: 2px;
  line-height: 1;
}
p strong em,
.content > ol li strong em,
.content > ul li strong em {
  font-style: italic;
}
@media (max-width: 850px) {
  p,
.content > ol li,
.content > ul li {
    letter-spacing: 0.01em;
  }
}

em {
  font-style: italic;
}

a {
  cursor: pointer;
  color: var(--accent);
  text-underline-offset: 2px;
  text-decoration-thickness: 1.3px;
}

li {
  list-style-type: none;
}

ol li {
  list-style-type: decimal;
}

hr {
  border: 0;
  background: 0;
  margin: var(--pad-section) 0;
}

button {
  background: transparent;
  border: 0;
  cursor: pointer;
}

.button {
  font-size: var(--large-size);
  border-width: 1px;
  border-style: outset;
  border-color: var(--color-default);
  border-image: none;
  background-color: transparent;
  border-radius: 20px;
  padding: 8px 12px 17px 12px;
  cursor: pointer;
  margin: calc(var(--pad-body) / 2) 0;
}
.button:hover {
  background-color: var(--color-default);
  color: var(--bluegrey);
}
.button.small {
  font-size: calc(var(--medium-size) / 1.5);
  padding: 6px 15px 8px;
  margin-right: 5px;
  font-weight: 900;
  cursor: pointer;
  border: solid 1px;
}

img {
  display: block;
  width: 100%;
}

/*--------------------------------------------------------------*/
/* MAIN STRUCTURES & LAYOUTS ----------------------------------------*/
/*--------------------------------------------------------------*/
.mainwidth, .chapter-header, .part-header {
  max-width: var(--max-width);
  margin: auto;
  width: var(--main-width);
}

main {
  margin-top: var(--height-header);
}

footer {
  font-size: var(--caption-size);
}

footer,
section {
  padding: var(--pad-section) 0;
}

section.content {
  padding-top: 0;
  padding-bottom: 50vh;
  position: relative;
}
@media (max-width: 850px) {
  section.content {
    padding-bottom: var(--pad-section);
  }
}

table {
  font-size: var(--caption-size);
  margin: var(--lineheight) 0;
  width: var(--width-text);
  margin-left: var(--margin);
  border-collapse: collapse;
}
table td,
table th {
  font-weight: var(--wght);
  padding: var(--pad-xs);
  text-align: left;
  border-bottom: 1px solid var(--grey);
  font-feature-settings: "tnum" on;
}
table td {
  border-top: 1px solid var(--grey);
  vertical-align: text-top;
}
table tr:last-child td {
  border-bottom: 1px solid var(--grey);
}
table th,
table strong {
  font-weight: 500;
}
table th:first-child,
table td:first-child {
  padding-left: 0;
}
table th:first-child {
  font-weight: var(--wght-medium);
}

/* NAV ---------------------------------------------------------*/
nav .navlink {
  position: fixed;
  z-index: 1000;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  transition: transform 0.2s ease-in-out;
  transform: translateY(0%);
  padding: var(--pad-sm) var(--pad-body);
  background-color: var(--white);
  border-bottom: solid 1px;
  height: var(--height-header);
}
nav .icon,
nav .current-page,
nav .info {
  font-size: calc(var(--medium-size) / 1.5);
  font-weight: 900;
  cursor: pointer;
}
nav .icon a,
nav .current-page a,
nav .info a {
  color: var(--color-default);
  text-decoration: none;
}
nav .current-page {
  width: 90%;
}
nav .nav-home {
  text-transform: capitalize;
  min-width: 180px;
}
@media (max-width: 850px) {
  nav .nav-home {
    min-width: 0;
  }
  nav .nav-home:before {
    content: "?";
  }
  nav .nav-home .nav-sitetitle {
    display: none;
  }
}
nav .nav-title {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  width: 100%;
  cursor: pointer;
}
nav .nav-title svg {
  position: relative;
  top: 2px;
  left: 5px;
  width: 15px;
  height: auto;
  transform: rotate(0deg);
}
nav .nav-title svg path {
  fill: var(--color-default);
}
nav .nav-title.arrow-up svg {
  transform: rotate(180deg);
}
nav .nav-title:hover svg path {
  fill: var(--accent);
}
@media (max-width: 600px) {
  nav .nav-title .marker {
    display: none;
  }
}
nav .marker {
  font-weight: var(--wght);
  font-feature-settings: "tnum" on;
  padding-right: 10px;
}
nav .preface .marker {
  padding: 0px;
}
nav .info {
  position: fixed;
  height: var(--height-header);
  display: flex;
  justify-items: center;
  top: 0;
  right: 0;
  z-index: 1500;
  padding: var(--pad-sm) var(--pad-body);
  display: flex;
  justify-content: center;
  cursor: pointer;
}
nav .info .open,
nav .info .close {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
nav .info .close {
  display: none;
  font-size: var(--medium-size);
  line-height: 1.2;
  color: var(--darkgrey);
  font-weight: var(--wght-medium);
}
@media (max-width: 600px) {
  nav .info .close {
    line-height: 0.8;
  }
}
nav .info .open {
  font-size: var(--small-size);
}
nav .info.opened .close {
  display: block;
}
nav .info.opened .open {
  display: none;
}
nav .nav-home,
nav .nav-title,
nav .info {
  transition: color ease-in 0.1s;
}
nav .nav-home:hover,
nav .nav-title:hover,
nav .info:hover {
  color: var(--accent);
}
nav #toc {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  padding-top: var(--height-header);
  min-height: 100vh;
  z-index: 900;
  transform: translateY(-100%);
  background-color: var(--white);
}
nav #toc.display {
  transform: translateY(0);
}
nav li {
  scroll-margin-top: var(--height-header);
  width: 100%;
  line-height: 1;
  font-weight: 900;
  font-size: var(--large-size);
  position: relative;
  border-top: 1px solid var(--color-default);
}
nav li:first-child {
  border-top: 0;
}
nav li.others {
  font-weight: 100;
}
nav li.appendix-for-data-nerds {
  font-weight: 900;
}
@media (max-width: 850px) {
  nav li {
    font-size: var(--medium-size);
  }
}
nav .toc-link {
  display: flex;
  padding-top: var(--pad-sm);
  padding-left: var(--pad-body);
  padding-bottom: var(--pad-sm);
  color: var(--color-default);
  text-decoration: none;
  transition: background-color ease-in-out 0.2s;
  cursor: pointer;
}
nav .toc-link:hover {
  background-color: var(--color-default);
  color: var(--white);
}
@media (max-width: 850px) {
  nav .toc-link {
    display: block;
  }
}
nav .is-active {
  background-color: var(--color-default);
}
nav .is-active .toc-link {
  color: var(--white);
}
nav .toc-content {
  flex: none;
  width: 40vw;
}
@media (max-width: 850px) {
  nav .toc-content {
    width: 100%;
    margin-bottom: var(--pad-sm);
  }
}
nav .toc-thumbnails {
  /*thumbnails*/
}
nav .toc-thumbnails .thumb {
  cursor: pointer;
  height: 80px;
  margin: 0 15px 15px 0;
  min-width: auto;
}
@media (max-width: 600px) {
  nav .toc-thumbnails .thumb {
    height: 60px;
  }
}
nav .toc-thumbnails .th-plot,
nav .toc-thumbnails .th-map,
nav .toc-thumbnails .th-map_f {
  border: 1px solid rgb(200, 200, 200);
}
nav .toc-thumbnails #th-binning,
nav .toc-thumbnails #th-pca3d {
  border: 1px solid rgb(200, 200, 200);
}
nav .current-page {
  display: flex;
  align-items: center;
}
nav .current-page .nav-home {
  cursor: pointer;
  margin-right: var(--pad);
}
nav .current-page .nav-home:hover {
  color: var(--accent);
}
nav .current-page .nav-title {
  display: flex;
}
nav.menu-on .current-page .nav-title {
  color: var(--accent);
}
nav.menu-on .current-page .nav-title svg path {
  fill: var(--accent);
}

#home nav li:first-child {
  border-top: 1px solid;
}

/* nav on toggle -------------------------------------*/
#toc-introduction .marker {
  display: block;
}

body.noscroll {
  overflow-y: hidden;
}

/* summary popup ------------------------------------*/
#summary-popup {
  transform: translateX(100%);
  transition: transform ease-in-out 0.2s;
  position: fixed;
  top: 0;
  right: 0;
  width: 50vw;
  height: 100vh;
  border-left: 1px var(--color-default) solid;
  padding: var(--pad-body) var(--pad-section);
  padding-right: var(--margin);
  z-index: 1300;
  background-color: var(--white);
  color: var(--darkgrey);
  overflow-y: scroll;
}
@media (max-width: 1400px) {
  #summary-popup {
    width: 60vw;
    padding-left: var(--margin);
    padding-bottom: var(--pad-section);
  }
}
@media (max-width: 850px) {
  #summary-popup {
    width: 85%;
    padding-left: var(--margin);
    padding-bottom: var(--pad-section);
  }
}
@media (max-width: 600px) {
  #summary-popup {
    width: 100%;
    border-left: 0;
  }
}
#summary-popup.visible {
  transform: translateX(0%);
}
#summary-popup.visible .close {
  display: block;
}
#summary-popup.visible .open {
  display: none;
}
#summary-popup a {
  color: var(--accent);
}
#summary-popup a:hover {
  color: var(--color-default);
}
#summary-popup h1, #summary-popup .chapter-next a.next, .chapter-next #summary-popup a.next,
#summary-popup h2,
#summary-popup h3,
#summary-popup h4 {
  font-weight: var(--wght);
  line-height: 1.2;
  font-size: var(--medium-size);
  margin: 0;
}
#summary-popup h3 + p {
  margin-top: var(--pad-section);
  border-top: solid 1px;
  padding-bottom: calc(var(--lineheight) * 2);
  padding-top: calc(var(--lineheight) * 0.5);
}
#summary-popup .summary-columns {
  display: flex;
  border-top: solid 1px;
  border-bottom: solid 1px;
  padding-top: calc(var(--lineheight) * 0.5);
  padding-bottom: calc(var(--lineheight) * 2);
  margin-bottom: calc(var(--lineheight) * 0.5);
}
#summary-popup .summary-columns .col:last-child {
  margin-left: var(--pad-body);
}
#summary-popup .summary-columns .col:last-child p {
  max-width: 16em;
  margin-top: -0.2em;
  line-height: 1.3;
}
#summary-popup a.btn {
  line-height: 1.2;
  display: block;
  width: 10em;
  color: var(--accent);
  text-decoration: none;
  border: solid 1px var(--accent);
  padding: 8px 24px;
  text-align: center;
  border-radius: 32px;
  margin-top: 10px;
  transition: all ease-in 0.2s;
}
#summary-popup a.btn:hover {
  background-color: var(--accent);
  color: var(--white);
}
#summary-popup img {
  max-width: 400px;
}
#summary-popup hr {
  margin: var(--pad) 0;
}
#summary-popup p {
  text-indent: 0;
  padding-left: 0;
  margin-left: 0;
  padding-right: 0;
  text-wrap: pretty;
  width: auto;
}
@media (max-width: 1700px) {
  #summary-popup p {
    width: 100%;
  }
}
#summary-popup p + p {
  text-indent: var(--indent);
}
#summary-popup h2 {
  margin-top: var(--pad-section);
  border-top: solid 1px;
  padding-top: calc(var(--lineheight) * 0.25);
}
#summary-popup hr + blockquote {
  padding-top: 0;
  border-top: solid 1px;
  padding-top: calc(var(--lineheight) * 0.5);
}
#summary-popup blockquote {
  padding: var(--pad-sm) 0;
  margin: 0;
  width: auto;
}
#summary-popup blockquote p {
  display: inline;
  font-weight: var(--wght);
  text-indent: -6px;
  line-height: 1.4;
  padding-left: 0;
  margin-left: -6px;
}
#summary-popup .social-links {
  display: flex;
  font-weight: var(--wght);
  letter-spacing: 0.01em;
  margin-bottom: var(--pad);
}
#summary-popup .social-links .social-icon {
  margin-right: 1em;
}
#summary-popup .social-links a {
  text-decoration: none;
  color: var(--color-default);
}
#summary-popup .social-links a:hover {
  color: var(--accent);
}
#summary-popup .social-links img {
  display: inline;
  width: 25px;
  height: auto;
  position: relative;
  top: 8px;
}
@media (max-width: 1024px) {
  #summary-popup .icon-description {
    display: none;
  }
  #summary-popup .social-icon img {
    width: 40px;
  }
}

/* SECTION OPENERS -----------------------------------------------------*/
/* Part Cover ----------------*/
.section {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-blend-mode: screen;
  background-color: var(--color-section);
  color: white;
}

.part-cover {
  display: flex;
  align-items: center;
}
.part-cover h1, .part-cover .chapter-next a.next, .chapter-next .part-cover a.next {
  line-height: 0.9;
}
.part-cover h2 {
  font-weight: var(--wght);
  margin-bottom: var(--pad)/2;
  letter-spacing: -0.2rem;
}
.part-cover h1, .part-cover .chapter-next a.next, .chapter-next .part-cover a.next,
.part-cover h2 {
  font-size: var(--xlarge-size);
}
@media (max-width: 600px) {
  .part-cover h1, .part-cover .chapter-next a.next, .chapter-next .part-cover a.next,
.part-cover h2 {
    font-size: var(--heading-size);
  }
}
.part-cover h3 {
  font-weight: var(--wght-medium);
}
.part-cover h4 {
  position: fixed;
  bottom: 0;
  font-size: 14px;
}

.part-header-content {
  width: var(--width-text);
  padding-top: var(--pad-section);
}

.info-survey-description {
  padding-top: 20vh;
  --SRIF: 0;
}
.info-survey-description .category {
  font-weight: var(--wght);
}

.section .chapter-next {
  background-color: transparent;
  color: var(--white);
}
.section .chapter-next a.next {
  color: var(--white);
}

#questions {
  font-size: var(--base-size);
  margin: var(--pad-section) 0;
  margin-top: var(--pad);
  line-height: 2;
  column-count: 2;
  column-gap: 2em;
  width: 66.6%;
}
#questions li.question {
  letter-spacing: 0.01rem;
  text-indent: -1.2rem;
  padding-left: 1.2rem;
  line-height: var(--lineheight);
}
@media (max-width: 850px) {
  #questions {
    width: 100%;
    column-count: 1;
  }
}

/* Page specific override ---------------------------------------------------------*/
#handedness,
.part-1 .toc-link {
  --color-section: rgb(238 51 119);
}
@media (max-width: 600px) {
  #handedness,
.part-1 .toc-link {
    background-position: 60%;
  }
}

#sex-and-gender,
.part-2 .toc-link {
  --color-section: rgb(70 173 154);
}

#humanity,
.part-3 .toc-link {
  --color-section: rgb(51 34 136);
}
@media (max-width: 600px) {
  #humanity,
.part-3 .toc-link {
    background-position: 20% var(--height-header);
  }
}

.toc-section .toc-link {
  color: var(--color-section);
}
.toc-section .toc-link:hover {
  background: var(--color-section);
  color: var(--white);
}

#humanity .chapter-next {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/*manual indent adjustment */
article {
  /* after questions */
  /* after quote */
  /*one line paragraphs in quote*/
}
article .questions + .figarea .text-plot:first-child p {
  text-indent: 0;
}
article #ladro2 p,
article #fliess p,
article #blackwell + p,
article #laviniadock + p,
article #gayprotest + p,
article #craniometry p:first-child,
article #craniometry + p,
article #gittingskamenyfryer p,
article #gaycured p,
article #vintagelesbians2 + p,
article ol + p,
article #kinseyspring + p,
article #antiquebovie + p,
article #thirdgender p,
article #turing + p,
article #oola p:first-child,
article #oola + p,
article .bathhouse-text p:first-child,
article #bathhouse + p,
article #suburb + p,
article #castro + p,
article .urnonmonog-text p:first-child,
article .urintersexmb-text p:first-child,
article #blackfarmers + p,
article .yearhomwrong-text p:first-child,
article #hongliangji + p,
article .dansechild-text p:first-child,
article #triumphdeath + p,
article #developedpop p:first-child,
article .factorychildren-text p:first-child,
article #bigfamily + p,
article #stelarc + p,
article .waymo-text p:first-child,
article #polygamylegal p:first-child {
  text-indent: 0;
}
article .content > .figarea:first-child > .text-plot:first-child p {
  text-indent: 0;
}
article #hermafrodite blockquote p {
  text-indent: 0;
}

#who-are-we-becoming .next-title .chapter-title {
  margin-left: 0;
}

@media (max-width: 600px) {
  #the-true-mission-of-sex .next-title .chapter-title {
    margin-left: calc(var(--pad-section) * 0.6);
  }
}

@media (max-width: 400px) {
  #appendix-for-data-nerds .chapter-next a.next {
    font-size: calc(var(--heading-size) * 0.85);
  }
}
#appendix-for-data-nerds #arrow_double {
  width: 20px;
}

/* CHAPTER -----------------------------------------------------*/
.chapter-header {
  padding-top: var(--pad);
  height: 50vh;
}
.chapter-header h1, .chapter-header .chapter-next a.next, .chapter-next .chapter-header a.next {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.chapter-header.no-wrap h1, .chapter-header.no-wrap .chapter-next a.next, .chapter-next .chapter-header.no-wrap a.next {
  flex-wrap: nowrap;
}
@media (max-width: 850px) {
  .chapter-header {
    height: 300px;
  }
}

.chapter-number {
  display: block;
  min-width: 80px;
}

.chapter-next {
  position: relative;
  z-index: 600;
  padding: 0;
  border-top: solid 1px;
}
.chapter-next a.next {
  display: block;
  padding: var(--pad-body) var(--margin) var(--pad-section);
  margin-bottom: 0;
  color: var(--color-default);
  text-decoration: none;
}

.next-title {
  position: relative;
}
.next-title .chapter-number {
  position: absolute;
  display: block;
}
.next-title .chapter-title {
  display: block;
  margin-left: var(--pad-section);
}
@media (max-width: 600px) {
  .next-title .chapter-title {
    margin-left: calc(var(--pad-section) * 0.8);
  }
}

.chapter-intro + .chapter-title,
.part-intro + .chapter-title,
.nextlayout-others .chapter-title {
  margin-left: 0;
}

.chapter-number,
.part-intro {
  display: block;
  font-weight: 200;
  font-feature-settings: "tnum" on;
  letter-spacing: -0.05em;
}

.chapter-intro {
  text-transform: capitalize;
  margin-bottom: 0;
  font-weight: var(--wght);
}

/* ARTICLE TYPOGRAPHY --------------------------------*/
/* DEFAULT CHAPTER CONTENT */
article p {
  text-indent: var(--indent);
  margin-left: var(--margin);
  width: var(--width-text);
}
article sub {
  vertical-align: baseline;
  font-size: inherit;
  font-feature-settings: "sinf" 1;
}
article h1 + p, article .chapter-next a.next + p, .chapter-next article a.next + p,
article h2 + p,
article h4 + p,
article hr + p, article > p:first-child,
article hr + .figarea > .text-img:first-child > p:first-child,
article hr + .figarea > .text-plot:first-child > p:first-child,
article section.content > p:first-child,
article section.content > .figarea:first-child > .text-img:first-child > p:first-child,
article blockquote + p,
article blockquote + .figarea > div:nth-of-type(3) > p:first-of-type,
article .questions + p,
article hr + figure + p,
article #hetero .scroll-overlay:last-child p,
article #ltgle .scroll-overlay:nth-child(10) p {
  text-indent: 0;
}
article li {
  padding-bottom: var(--lineheight);
}
article li:last-child {
  padding-bottom: 0;
}
article li::before {
  font-weight: 500;
  position: absolute;
  line-height: var(--lineheight);
  margin-top: 1px;
}
article li p {
  text-indent: 0;
  margin-left: var(--indent);
}
article ul,
article ol {
  margin-top: var(--lineheight);
  margin-left: var(--margin);
  margin-bottom: var(--lineheight);
}
article ul p,
article ol p {
  width: calc(var(--width-text) - var(--indent));
}
article ol li {
  list-style-type: none;
  counter-increment: customlistcounter;
}
article ol li::before {
  content: counter(customlistcounter) " ";
}
article ul li {
  position: relative;
  counter-increment: list-number;
}
article ul li::before {
  content: counter(list-number, upper-alpha) "";
}
article blockquote {
  margin-left: var(--margin);
  margin-top: var(--lineheight);
  margin-bottom: var(--lineheight);
  width: var(--width-text);
}
article blockquote p {
  font-weight: var(--wght-semibold);
  margin-left: 0;
  padding-left: var(--indent);
  width: 100%;
}
article blockquote p:first-child {
  text-indent: 0;
}
article blockquote + blockquote, h4 + article blockquote {
  padding-top: 0;
}
article blockquote + h4 {
  /*citation*/
  font-weight: var(--wght);
  margin-left: var(--margin);
  padding-left: var(--indent);
  margin-top: calc(-1 * var(--lineheight));
  line-height: var(--lineheight);
}
article blockquote + h4 em {
  font-weight: var(--wght);
}
@media (max-width: 850px) {
  article blockquote {
    margin-right: 0;
  }
}
article .questions {
  margin-top: var(--lineheight);
  margin-bottom: var(--lineheight);
  margin-left: var(--margin);
}
article .questions p {
  margin: 0;
  letter-spacing: 0.01rem;
  line-height: var(--lineheight);
}
article .questions ol {
  margin-left: var(--indent);
}
article .questions ol li {
  list-style-type: none;
  padding-bottom: calc(var(--pad-xs) * 0.5);
}
article .questions ol li::before {
  content: none;
}

#allplots .col:first-child {
  flex: none;
}
#allplots .col.image {
  width: 100%;
}

blockquote .amazoncage-text p:first-child {
  text-indent: var(--indent);
}

.math {
  padding: var(--pad-body) 0;
  margin-left: var(--margin);
}

/* DARKMODE, INTERLUDE  AND SECTION PART OPENERS --------------------------------------------------*/
.bodydark {
  --color-default: white;
  --color-section: rgb(0 0 0);
  background: rgb(var(--darkmodecolor), var(--darkmodecolor), var(--darkmodecolor));
}

.interlude {
  --color-section: var(--color-default);
}

.interlude nav,
.section nav,
.bodydark nav {
  --accent: var(--white);
  --color-default: var(--white);
}
.interlude nav .navlink,
.section nav .navlink,
.bodydark nav .navlink {
  background-color: var(--color-section);
  border-color: var(--white);
}
.interlude nav li,
.section nav li,
.bodydark nav li {
  border-color: var(--white);
}
.interlude nav .toc-link,
.section nav .toc-link,
.bodydark nav .toc-link {
  color: var(--white);
  background-color: var(--color-section);
}
.interlude nav .toc-link:hover,
.section nav .toc-link:hover,
.bodydark nav .toc-link:hover {
  background-color: var(--white);
  color: var(--color-section);
}
.interlude nav .toc-section .toc-link,
.section nav .toc-section .toc-link,
.bodydark nav .toc-section .toc-link {
  background-color: var(--color-section);
  color: var(--white);
}
.interlude nav .toc-section .toc-link:hover,
.section nav .toc-section .toc-link:hover,
.bodydark nav .toc-section .toc-link:hover {
  background-color: var(--white);
  color: var(--color-section);
}
.interlude li.is-active .toc-link,
.section li.is-active .toc-link,
.bodydark li.is-active .toc-link {
  background-color: var(--white);
  color: var(--color-section);
}

body.interlude {
  background: var(--color-default);
  color: var(--white);
}
body.interlude [class*=chapter-] a {
  color: var(--white);
}
body.interlude main {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.interlude main .chapter-header {
  padding-left: 0;
  padding-right: 20%;
  display: block;
  text-indent: 0;
  width: var(--width-text);
  height: auto;
}
body.interlude main section:not(section.chapter-next),
body.interlude main p:not(.footnote-text p) {
  margin: 0 auto;
}
body.interlude main blockquote {
  margin-left: auto;
  margin-right: auto;
}
body.interlude main hr {
  width: var(--width-text);
  margin: var(--pad-section) auto;
}
body.interlude main figure.single.xl + hr,
body.interlude main .cols + hr {
  margin: 0 auto;
}
body.interlude main article > div.cols:first-of-type,
body.interlude main hr + div.cols,
body.interlude main hr + figure.single,
body.interlude main hr + figure.single.sm,
body.interlude main hr + figure.single.md,
body.interlude main hr + figure.single.lg,
body.interlude main hr + figure.single.xl {
  padding-top: 0;
}
body.interlude main article > div.cols:first-of-type + p,
body.interlude main hr + div.cols + p,
body.interlude main hr + figure.single + p,
body.interlude main hr + figure.single.sm + p,
body.interlude main hr + figure.single.md + p,
body.interlude main hr + figure.single.lg + p,
body.interlude main hr + figure.single.xl + p {
  text-indent: 0;
}
body.interlude main article {
  width: 100%;
  padding-bottom: calc(var(--pad-section) * 2);
}
body.interlude .cols {
  margin: auto 0;
  align-items: baseline;
  display: flex;
  justify-content: center;
  padding: 3rem 0rem;
}
@media (max-width: 600px) {
  body.interlude .cols {
    flex-direction: column;
  }
}
body.interlude .cols.md {
  /* one instance that goes with normal chapter layout*/
  align-items: flex-start;
}
body.interlude .cols.md p:not(.footnote-text p) {
  width: 100%;
}
body.interlude .footnote-text {
  background: var(--color-default);
  border: 1px solid var(--white);
  color: var(--white);
}
body.interlude .chapter-next {
  width: 100%;
}

/*--------------------------------------------------------------*/
/* REFERENCE & FOOTNOTE STYLES ---------------------------------*/
/*--------------------------------------------------------------*/
.reference {
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-indent: 0;
  margin: 0 3px 0 2px;
  scroll-margin-top: 49vh;
}
.reference:hover {
  color: var(--accent);
}
.reference .footnote-ref {
  font-weight: 500;
  font-size: var(--caption-size);
  font-style: normal;
  position: relative;
  line-height: 0;
  color: var(--accent);
}

.footnote-text {
  letter-spacing: 0.04em;
  line-height: 1.3;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 700;
  max-width: 320px;
  font-size: var(--caption-size);
  background: var(--white);
  border: 1px solid var(--color-default);
  color: var(--color-default);
  padding: var(--pad-sm) calc(var(--pad-sm) * 1) calc(var(--pad-sm) * 1.2) calc(var(--pad-sm) * 1.2);
  transition: opacity 0s ease-in 0.2s, opacity 300ms;
  visibility: hidden;
  opacity: 0;
  border-radius: var(--smradius);
}
.footnote-text b,
.footnote-text strong {
  font-weight: var(--wght-bold);
}
.footnote-text em {
  font-style: italic;
}
.footnote-text.visible {
  visibility: visible;
  opacity: 1;
}

.footnote-number {
  font-weight: 500;
  padding-right: 1.5em;
}

.caption, .footnotes-list footer {
  font-size: var(--caption-size);
  letter-spacing: 0.03em;
  text-indent: 0;
}

.footnotes-list footer {
  column-count: 2;
  column-gap: calc(2 * var(--pad));
}
.footnotes-list li .footnote-no {
  display: inline-block;
  width: var(--indent);
  text-align: right;
  padding-right: 1em;
}

.footnotes-sep,
section.footnotes {
  display: none;
}

/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
SECTION SPECIFIC OVERIDES
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%  
*/
/* HOME  --------------------------------------------------*/
body#home {
  display: flex;
  flex-direction: column;
  padding: 0;
}
body#home header,
body#home nav {
  position: absolute;
  width: 100%;
}
body#home header .nav-title,
body#home nav .nav-title {
  display: none;
}
body#home nav .navlink {
  position: absolute;
  background-color: transparent;
  border: none;
}
body#home nav .icon {
  display: none;
}
body#home nav .info {
  color: var(--white);
  display: flex;
  position: absolute;
}
body#home nav .current-page {
  padding: 0 5px 5px 5px;
  display: inline-block;
}
body#home nav .current-page .nav-home {
  display: none;
}
body#home nav #toc {
  display: block;
  position: relative;
  height: auto;
  padding: 0;
  transform: translateY(0);
  margin-top: var(--height-cover);
}
body#home main {
  margin-top: 0;
}
body#home main .title {
  color: var(--white);
  padding: var(--pad-body);
  position: relative;
  display: block;
  z-index: 10;
}
@media (max-width: 1024px) {
  body#home main .title {
    padding: calc(var(--pad-body) * 0.5) var(--pad-body);
  }
}
@media (max-width: 600px) {
  body#home main .title {
    padding: var(--pad-body);
  }
}
body#home main .title h1, body#home main .title .chapter-next a.next, .chapter-next body#home main .title a.next {
  font-size: 10.5rem;
  line-height: 0.8;
}
@media (max-width: 850px) {
  body#home main .title h1, body#home main .title .chapter-next a.next, .chapter-next body#home main .title a.next {
    font-size: var(--xlarge-size);
  }
}
body#home main .title h3 {
  font-weight: var(--wght);
  font-size: var(--large-size);
  margin-bottom: var(--pad-xs);
}
@media (max-width: 850px) {
  body#home main .title h3 {
    font-size: var(--medium-size);
  }
}
@media (max-width: 600px) {
  body#home main .title h3 {
    font-size: var(--base-size);
  }
}
body#home main .bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: var(--height-cover);
  background-image: url("../images/home/bg.webp");
  background-size: 100%;
  z-index: 0;
}
body#home main .home-cover {
  width: 100%;
  height: var(--height-cover);
  overflow: hidden;
  position: relative;
}
body#home main .news {
  z-index: 100;
  position: absolute;
  right: 0;
  bottom: 0;
}
body#home main .news .news-trigger {
  color: white;
  cursor: pointer;
  position: absolute;
  bottom: calc(var(--pad-body) + 10px);
  right: var(--pad-body);
  font-size: var(--medium-size);
}
body#home main .news .news-trigger .btn {
  border: solid 1px white;
  padding: 8px 24px;
  text-align: center;
  border-radius: 32px;
  text-align: right;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  body#home main .news .news-trigger .btn {
    font-size: var(--base-size);
  }
}
body#home main .news .news-trigger .btn:hover {
  background: white;
  color: var(--default);
}
body#home main .news .news-trigger:hover {
  color: var(--default);
}
body#home main .news .icon-close {
  font-weight: var(--wght-medium);
  font-size: var(--medium-size);
  position: absolute;
  right: var(--pad-body);
  top: 19px;
  cursor: pointer;
  display: none;
}
body#home main .news .news-list {
  transform: translateX(120%);
  transition: transform 200ms ease-in-out;
  background: white;
  width: 420px;
  padding: var(--pad-body);
  height: 100vh;
  overflow: auto;
  border-left: 1px solid;
}
body#home main .news .news-list .event {
  margin-bottom: var(--pad);
}
body#home main .news .news-list .heading-past, body#home main .news .news-list .news-past {
  opacity: 0.6;
}
body#home main .news .news-list .heading-past {
  border-top: 1px solid;
  padding-top: var(--pad-xs);
}
body#home main .news .news-list h2, body#home main .news .news-list h4 {
  letter-spacing: 0.02em;
}
body#home main .news .news-list h4 {
  margin-bottom: 0;
}
body#home main .news .news-list a {
  text-decoration: none;
}
@media (max-width: 600px) {
  body#home main .news .news-list {
    width: 100%;
    left: 0;
  }
}
body#home main .news.visible {
  z-index: 2000;
}
@media (max-width: 850px) {
  body#home main .news.visible {
    position: fixed;
  }
}
body#home main .news.visible .icon-close {
  display: block;
}
body#home main .news.visible .news-list {
  transform: translateX(0);
}
body#home main img {
  position: absolute;
  mix-blend-mode: multiply;
  z-index: 10;
}
body#home main img:first-child {
  top: 40%;
  left: -8%;
  width: 60%;
}
body#home main img:nth-child(2) {
  top: 55%;
  width: 18%;
  right: 30%;
}
body#home main img:nth-child(3) {
  top: -6%;
  left: 52%;
  width: 22%;
}
body#home main img:nth-child(4) {
  bottom: 7%;
  left: 76%;
  width: 30%;
}
body#home main img:nth-child(5) {
  top: 33%;
  left: -12%;
  width: 38%;
  z-index: 20;
}
body#home main img:nth-child(6) {
  top: 5%;
  right: -7%;
  width: 33%;
  max-width: 480px;
}
@media (max-width: 850px) {
  body#home main img:first-child {
    top: 39%;
    left: -26%;
    width: 78%;
  }
  body#home main img:nth-child(2) {
    top: 55%;
    width: 19%;
    right: 28%;
  }
  body#home main img:nth-child(3) {
    top: -3%;
    left: 39%;
    width: 27%;
  }
  body#home main img:nth-child(4) {
    bottom: 7%;
    left: 70%;
    width: 33%;
  }
  body#home main img:nth-child(5) {
    top: 33%;
    left: -9%;
    width: 33%;
  }
  body#home main img:nth-child(6) {
    top: 12%;
    right: -6%;
    width: 33%;
    max-width: 480px;
  }
}
@media (max-width: 600px) {
  body#home main img:first-child {
    top: 55%;
    left: -49%;
    width: 104%;
  }
  body#home main img:nth-child(2) {
    top: 46%;
    width: 28%;
    right: 34%;
  }
  body#home main img:nth-child(3) {
    top: -6%;
    left: 50%;
    width: 39%;
  }
  body#home main img:nth-child(4) {
    bottom: 0%;
    left: 61%;
    width: 43%;
  }
  body#home main img:nth-child(5) {
    top: 26%;
    left: -17%;
    width: 57%;
  }
  body#home main img:nth-child(6) {
    top: 45%;
    right: -7%;
    width: 40%;
  }
}

/* Appendix  --------------------------------------------------*/
mjx-container[jax=CHTML][display=true] {
  display: inline !important;
}

mjx-container[jax=CHTML][display=true] {
  margin: 0;
}

mjx-container[jax=CHTML] mjx-math {
  font-size: 100%;
  /*prevent automatic rescale from the library*/
}

@media (max-width: 600px) {
  #equation1 mjx-msqrt {
    display: block;
    padding-top: 8px;
  }
}

/* OTHERS layouts  --------------------------------------------------*/
#bibliography .content,
#data-sources .content,
#image-credits .content {
  width: 100%;
  column-count: 2;
  column-gap: 60px;
  padding-right: var(--margin);
  padding-bottom: var(--pad-body);
}
@media (max-width: 850px) {
  #bibliography .content,
#data-sources .content,
#image-credits .content {
    column-count: 1;
  }
}
#bibliography .content p,
#data-sources .content p,
#image-credits .content p {
  width: auto;
}
#bibliography .content a,
#data-sources .content a,
#image-credits .content a {
  word-break: break-all;
}
#bibliography .content > h4:first-child,
#data-sources .content > h4:first-child,
#image-credits .content > h4:first-child {
  margin-top: 0;
}
#bibliography .content h4,
#data-sources .content h4,
#image-credits .content h4 {
  margin-left: var(--margin);
  margin-top: var(--pad-body);
  margin-bottom: 0;
  line-height: var(--lineheight);
  font-weight: 700;
  letter-spacing: 0.01em;
}
#bibliography .content blockquote:not(:first-child),
#data-sources .content blockquote:not(:first-child),
#image-credits .content blockquote:not(:first-child) {
  padding-top: var(--pad);
}

#bibliography .content p,
#image-credits .content p {
  /*indent*/
  text-indent: -1.3em;
  padding-left: 1.3em;
}

#image-credits .chapter-next {
  display: none;
}

@media (max-width: 600px) {
  #acknowledgments .chapter-header h1, #acknowledgments .chapter-header .chapter-next a.next, .chapter-next #acknowledgments .chapter-header a.next {
    font-size: calc(var(--heading-size) * 0.85);
  }
}

#page-not-found {
  color: var(--darkgrey);
  background-size: auto calc(100vh - var(--height-header));
  background-position: 95% bottom;
}
@media (max-width: 1024px) {
  #page-not-found {
    background-size: 70%;
    background-position: center 60%;
  }
}
@media (max-width: 600px) {
  #page-not-found {
    background-size: 90%;
    background-position: center 60%;
  }
}
@media (max-width: 400px) {
  #page-not-found {
    background-size: 90%;
    background-position: center 70%;
  }
}
#page-not-found nav .current-page a {
  color: var(--darkgrey);
}
#page-not-found nav .current-page .nav-title,
#page-not-found nav .info {
  display: none;
}
#page-not-found nav .navlink {
  border-color: var(--darkgrey);
}
#page-not-found .part-header-content {
  width: 100%;
}
@media (max-width: 600px) {
  #page-not-found .part-header-content {
    padding-top: var(--pad);
  }
}
@media (max-width: 850px) {
  #page-not-found .part-cover {
    padding: 0;
  }
}
@media (max-width: 850px) {
  #page-not-found .part-cover h1, #page-not-found .part-cover .chapter-next a.next, .chapter-next #page-not-found .part-cover a.next {
    font-size: var(--heading-size);
  }
}

.strike-text blockquote p,
.hermafrodite-text blockquote p {
  text-indent: 0;
}

/*# sourceMappingURL=main.css.map */