/* Quiet historical scenery, below both timeline views and all interactive elements. */
.timeline{isolation:isolate}
.timeline-wash{position:absolute;inset:-18px -18px 0;z-index:-2;pointer-events:none;background:var(--era-wash-desktop);opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.timeline-path{stroke:url(#era-line)}
.timeline .card-date,.timeline .extra-concept{color:var(--era-accent)}
.timeline .portrait{border-color:var(--era-accent);background:var(--era-wash)}
.timeline[data-view=concepts] .concept-icon{color:var(--era-accent);border-color:var(--era-accent);background:var(--era-wash)}
.timeline .node{border-color:var(--era-accent);background:var(--era-wash)}
.timeline .node::before,.timeline .person-card:hover .node,.timeline .person-card:focus-visible .node{background:var(--era-accent)}
.timeline .person-card:hover .portrait,.timeline .person-card:focus-visible .portrait{border-color:var(--era-accent);box-shadow:0 0 0 3px var(--era-wash)}
.timeline .person-card:focus-visible{outline-color:var(--era-accent)}
.timeline-eras{position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none}
.timeline-era{position:absolute;left:-18px;right:-18px;height:315px;overflow:hidden;opacity:.28;mask-image:linear-gradient(transparent,#000 16%,#000 76%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 76%,transparent)}
.timeline-era img{width:100%;height:100%;object-fit:cover;object-position:center 60%;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.era-row-1{top:-22px}.era-row-2{top:293px}.era-row-3{top:608px}.era-row-4{top:923px}
.era-row-5{top:1238px}.era-row-6{top:1553px}
.era-row-7{top:1868px}.era-row-8{top:2183px}
.era-row-9{top:2498px}.era-row-10{top:2813px}
.era-row-11{top:3128px}.era-row-12{top:3443px}
.era-row-13{top:3758px}.era-row-14{top:4073px}
.era-song-and-maragheh{--era-image:url('assets/eras/song-and-maragheh.webp')}
.item-31{--era-position:left center}.item-33{--era-position:right center}
.era-song-to-yuan{--era-image:url('assets/eras/song-to-yuan.webp');--era-position:right center}
.item-35{--era-position:left center}
.era-khwarazm-song-persia{--era-image:url('assets/eras/khwarazm-song-persia.webp')}
.item-26{--era-position:left center}.item-28{--era-position:right center}
.era-india-to-pisa{--era-image:url('assets/eras/india-to-pisa.webp');--era-position:right center}
.item-30{--era-position:left center}
.era-egypt-raqqa-baghdad{--era-image:url('assets/eras/egypt-raqqa-baghdad.webp')}
.item-21{--era-position:left center}.item-23{--era-position:right center}
.era-baghdad-to-cairo{--era-image:url('assets/eras/baghdad-to-cairo.webp');--era-position:right center}
.item-25{--era-position:left center}
.era-india-to-baghdad{--era-image:url('assets/eras/india-to-baghdad.webp');--era-position:left center}
.item-18{--era-position:right center}
.era-baghdad-and-south-india{--era-image:url('assets/eras/baghdad-and-south-india.webp');--era-position:right center}
.item-20{--era-position:left center}
.timeline .person-name,.timeline .concept-name,.timeline .card-detail,.timeline .card-date,.timeline .extra-concept{text-shadow:0 0 5px var(--paper),0 0 10px var(--paper),0 1px 2px var(--paper)}
.era-egypt-and-aegean{--era-image:url('assets/eras/egypt-and-aegean.webp');--era-position:right center}
.item-1{--era-position:left center}
.era-hellenistic-courtyards{--era-image:url('assets/eras/hellenistic-courtyards.webp')}
.era-hellenistic-harbors{--era-image:url('assets/eras/hellenistic-harbors.webp')}
.era-roman-alexandria{--era-image:url('assets/eras/roman-alexandria.webp')}
.era-late-antique-learning{--era-image:url('assets/eras/late-antique-learning.webp');--era-position:right center}
.item-11{--era-position:left center}
.era-china-and-india{--era-image:url('assets/eras/china-and-india.webp');--era-position:right center}
.item-14{--era-position:left center}
@media(max-width:760px){
  .timeline-wash{background:var(--era-wash-mobile);inset:-10px -12px 0;opacity:.7;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 94%,transparent)}
  .timeline::before{border:0;width:2px;background:var(--era-line-mobile)}
  .timeline-eras{display:none}
  .timeline-item{isolation:isolate}
  .timeline-item::before{content:'';position:absolute;inset:-10px -12px -6px 0;z-index:-1;pointer-events:none;background-image:var(--era-image);background-size:cover;background-position:var(--era-position,center);opacity:.21;mask-image:linear-gradient(transparent,#000 18%,#000 75%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 75%,transparent)}
}
@media(forced-colors:active){.timeline-eras,.timeline-item::before{display:none}.timeline .person-name,.timeline .concept-name,.timeline .card-detail,.timeline .card-date,.timeline .extra-concept{text-shadow:none}}
@media(forced-colors:active){.timeline-wash{display:none}.timeline-path{stroke:CanvasText}.timeline::before{background:CanvasText}.timeline .node,.timeline .portrait,.timeline[data-view=concepts] .concept-icon{border-color:CanvasText}.timeline .card-date,.timeline .extra-concept{color:LinkText}}

.era-row-15{top:4388px}.era-row-16{top:4703px}.era-row-17{top:5018px}.era-row-18{top:5333px}
.era-oxford-paris-kerala{--era-image:url('assets/eras/oxford-paris-kerala.webp')}
.era-samarkand-nuremberg{--era-image:url('assets/eras/samarkand-nuremberg.webp')}
.era-kerala-renaissance{--era-image:url('assets/eras/kerala-renaissance.webp')}
.era-venice-milan{--era-image:url('assets/eras/venice-milan.webp')}
.item-36,.item-40,.item-41,.item-45{--era-position:left center}.item-38,.item-39,.item-43,.item-44{--era-position:right center}