.auto-advance[hidden]{display:none}
.auto-advance{
 position:fixed;z-index:70;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));
 display:flex;align-items:center;overflow:hidden;max-width:calc(100vw - 32px);
 color:#14375f;background:#f7f6f0;border:1px solid #b4c5d7;border-radius:6px;
 box-shadow:0 5px 22px #0c244426;font-family:'DM Sans',sans-serif;
}
.auto-advance-toggle{
 display:flex;align-items:center;justify-content:center;min-height:32px;min-width:32px;
 padding:8px;border:0;background:transparent;color:inherit;cursor:pointer;
 transition:background .18s,color .18s;
}
.auto-advance-toggle:hover{background:#e4edf6}
.auto-advance-toggle[aria-pressed="true"]{background:#14375f;color:#fff}
.auto-advance-toggle .auto-advance-pause,.auto-advance-toggle[aria-pressed="true"] .auto-advance-play{display:none}
.auto-advance-toggle[aria-pressed="true"] .auto-advance-pause{display:block}
.auto-advance-speed{
 align-self:stretch;min-height:32px;min-width:52px;padding:6px 4px;border:0;border-left:1px solid #b4c5d7;
 border-radius:0;background:#f7f6f0;color:#14375f;font:500 12px 'DM Sans',sans-serif;cursor:pointer;
}
.auto-advance-toggle:focus-visible,.auto-advance-speed:focus-visible{outline:2px solid #1f4e8c;outline-offset:-4px}
.auto-advance-track{position:absolute;left:0;right:0;bottom:0;height:2px;background:#b4c5d755;pointer-events:none}
.auto-advance-track>span{display:block;width:100%;height:100%;background:#86acd2;transform:scaleX(var(--auto-progress,0));transform-origin:left}
.auto-advance-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html.auto-advance-running{scroll-behavior:auto!important;overflow-anchor:none}
html.has-auto-advance{scroll-padding-bottom:90px}
html.has-auto-advance body{padding-bottom:88px}
/* Keep the pinned tour navigation above the floating reading controls. */
html.has-auto-advance #recorrido .story-pin{padding-bottom:86px}
html.has-auto-advance .hero .scroll-cue{margin-bottom:58px}
html.has-auto-advance .hero-motion-toggle{bottom:174px}
@media(max-width:760px){
 .auto-advance{right:16px;bottom:max(12px,env(safe-area-inset-bottom))}
 html.has-auto-advance #recorrido .story-pin{padding-bottom:78px}
 html.has-auto-advance .hero .scroll-cue{margin-bottom:0}
 html.has-auto-advance .hero-motion-toggle{bottom:115px}
}
@media(pointer:coarse){.auto-advance-toggle,.auto-advance-speed{min-height:44px}.auto-advance-toggle{min-width:44px}}
@media(prefers-reduced-motion:reduce){.auto-advance-toggle{transition:none}}