:root{--page-title-display:none;}/* Start custom CSS *//* History page: era navigation stays in reach while reading */
.elementor-element-32987d80{position:sticky;top:0;z-index:40;box-shadow:0 2px 10px rgba(0,0,0,.18)}
/* "Read the full story": flip the arrow when open, hide the default marker */
.hx-more-head{list-style:none}
.hx-more-head::-webkit-details-marker{display:none}
.hx-more-icon{transition:transform .25s ease}
details[open] > .hx-more-head .hx-more-icon{transform:rotate(180deg)}
.hx-more-head:focus-visible{outline:3px solid #006ddf;outline-offset:4px}
#era-wars .hx-more-head:focus-visible,#era-places .hx-more-head:focus-visible,#era-everyone .hx-more-head:focus-visible{outline-color:#ffe627}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.hx-more-icon,.hx-gcard{transition:none}}
/* Accordion: subtle opening animation */
details[open] > .hx-more-body{animation:hxReveal .35s cubic-bezier(.2,.7,.2,1) both}
@keyframes hxReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.hx-more{interpolate-size:allow-keywords}
.hx-more details::details-content{block-size:0;overflow:clip;transition:block-size .35s cubic-bezier(.2,.7,.2,1),content-visibility .35s allow-discrete}
.hx-more details[open]::details-content{block-size:auto}
@media (prefers-reduced-motion: reduce){details[open] > .hx-more-body{animation:none}.hx-more details::details-content{transition:none}}/* End custom CSS */