/* A colour for each chapter, shared by its illustrated story-map stop. */
#books{background:#e5eadc}
#articles{background:#f5dfd1;border-bottom-color:#dec4b5}
#research{background:#e5eef0;--line:#bccdd0}
#teaching{background:#22372f}
#about{background:#eee8f0}
#life{background:#f7efd8}
#books .section-heading h2 em,#books .chapter-note{color:#46634c}
#articles .eyebrow{color:#58644f}
#articles .article-topics span{border-color:#c6a894;color:#645044}
#articles .published-article{box-shadow:6px 7px 0 #dfc4b3,10px 11px 0 #ebd0bf}
#articles .published-article:hover{box-shadow:6px 10px 0 #dfc4b3,10px 14px 0 #ebd0bf}
#articles .notebook-tape{background:#cc9c7299}
#research .research-heading h2 em,#research .chapter-note{color:#3c6570}
#research .research-tab{color:#5c6b68}
#research .research-tab[aria-selected=true]{color:var(--ink)}
#research .research-footer>p{color:#42656b}
#research .research-footer>p,#research .question-art>span,#teaching .recognition-heading>span{font-family:Caveat,'Segoe Print',cursive;font-weight:600;font-style:normal;font-size:26px;letter-spacing:0}
#about .about-heading h2 em,#about .chapter-note,#about .about-story-step>span{color:#745576}
#about .about-story-step:not(:last-of-type):before{border-color:#b19ab6}
#about .about-story>.about-home-note{color:#745576}
#life .family-world-thread{stroke:#b68d52}

.introduction .story-map{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;align-items:start;margin-top:60px;padding:68px 0 9px;isolation:isolate}
.introduction .story-map-caption{top:0;font-size:30px;color:#a45235}
.story-map-prompt{position:absolute;right:0;top:9px;font:600 21px/1.2 Caveat,'Segoe Print',cursive;color:#756c59;transform:rotate(3deg)}
.story-map-prompt span{display:inline-block;font-size:26px;margin-left:8px}
.introduction .story-map-line{left:0;top:85px;width:100%;height:74px;stroke:#b7a38c;stroke-width:1.3;z-index:-1}
.introduction .story-map>a{--chapter-paper:#e5eadc;--chapter-ink:#46634c;--chapter-turn:-4deg;position:relative;display:block;min-width:0;padding:0 4px 8px;outline-offset:8px;border-radius:4px}
.introduction .story-map>a[href="#articles"]{--chapter-paper:#f5dfd1;--chapter-ink:#984e37;--chapter-turn:4deg}
.introduction .story-map>a[href="#research"]{--chapter-paper:#e0ecee;--chapter-ink:#3c6570;--chapter-turn:-3deg}
.introduction .story-map>a[href="#teaching"]{--chapter-paper:#22372f;--chapter-ink:#f7f0dc;--chapter-turn:3deg}
.introduction .story-map>a[href="#about"]{--chapter-paper:#eee5f1;--chapter-ink:#745576;--chapter-turn:-4deg}
.introduction .story-map>a[href="#life"]{--chapter-paper:#f1e4bd;--chapter-ink:#88612f;--chapter-turn:4deg}
.chapter-sketch{display:block;width:88px;height:88px;margin-left:5px;overflow:visible;transform:rotate(var(--chapter-turn));transition:transform .25s ease;color:var(--chapter-ink)}
.chapter-wash{fill:var(--chapter-paper);stroke:none}
.chapter-ink{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.chapter-spark{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.introduction .story-map>a>.chapter-number{position:absolute;display:grid;place-items:center;left:74px;top:67px;width:25px;height:25px;margin:0;border:1px solid #bca78e;border-radius:47% 53% 52% 48%;background:var(--paper);color:#4f554b;font:600 15px/1 Caveat,'Segoe Print',cursive;transform:rotate(-8deg);transition:transform .25s ease}
.introduction .story-map strong{font:600 clamp(25px,2.05vw,30px)/1.08 Caveat,'Segoe Print',cursive;letter-spacing:0;display:block;min-height:2.16em;margin-top:18px;max-width:185px;white-space:normal;text-wrap:balance}
.introduction .story-map small{display:inline-block;position:relative;font-size:10px;line-height:1.5;font-weight:400;margin-top:9px;padding-bottom:6px;color:#5d6359}
.introduction .story-map small:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--chapter-ink);opacity:.32;clip-path:polygon(0 50%,42% 0,100% 27%,98% 77%,44% 70%,2% 100%);transition:opacity .2s}
.introduction .story-map>a[href="#teaching"] small:after{background:#466b56}
.introduction .story-map>a:hover .chapter-sketch,.introduction .story-map>a:focus-visible .chapter-sketch{transform:translateY(-5px) rotate(0)}
.introduction .story-map>a:hover .chapter-number,.introduction .story-map>a:focus-visible .chapter-number{transform:rotate(6deg)}
.introduction .story-map>a:hover small:after,.introduction .story-map>a:focus-visible small:after{opacity:.9}
@media(min-width:601px) and (max-width:1000px){
  .introduction .story-map{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:29px;padding-top:67px}
  .introduction .story-map-line{display:none}
  .introduction .story-map>a{padding-left:6px}
  .introduction .story-map strong{font-size:29px;min-height:0;max-width:220px}
  .introduction .story-map small{font-size:11px}
  .story-map-prompt{font-size:20px}
}
@media(max-width:600px){
  .introduction .story-map{grid-template-columns:1fr;gap:22px;margin-top:42px;padding:64px 0 0}
  .introduction .story-map-caption{font-size:28px;max-width:100%;transform:rotate(-2deg)}
  .story-map-prompt{display:none}
  .introduction .story-map-line{display:none}
  .introduction .story-map:before{top:90px;bottom:40px;left:37px;border-color:#b7a38c;z-index:-1}
  .introduction .story-map>a{display:grid;grid-template-columns:94px minmax(0,1fr);grid-template-rows:auto auto;min-height:83px;column-gap:9px;padding:0;align-items:center}
  .chapter-sketch{grid-column:1;grid-row:1 / 3;width:76px;height:76px;margin-left:0}
  .introduction .story-map>a>.chapter-number{width:24px;height:24px;left:60px;top:53px;font-size:15px}
  .introduction .story-map strong{grid-column:2;grid-row:1;align-self:end;min-height:0;margin-top:0;max-width:220px;font-size:28px;text-wrap:initial}
  .introduction .story-map small{grid-column:2;grid-row:2;justify-self:start;align-self:start;margin-top:5px;font-size:11px;padding-bottom:5px}
  #research .question-art>span{font-size:21px}
  #teaching .recognition-heading>span{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.chapter-sketch,.introduction .story-map>a>.chapter-number,.introduction .story-map small:after{transition:none}.introduction .story-map>a:hover .chapter-sketch,.introduction .story-map>a:focus-visible .chapter-sketch{transform:rotate(var(--chapter-turn))}}