:root{color-scheme:light;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#303034;background:#fff;font-synthesis:none;--reading-height:190px}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-snap-type:y mandatory}body{margin:0;background:#fff}button{font:inherit;color:inherit;background:#fff;border:0;cursor:pointer;min-height:44px;padding:.5rem 0;text-align:left;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #796b9b;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.counter{position:fixed;top:calc(1.35rem + env(safe-area-inset-top));left:1.5rem;z-index:4;font-size:.8rem;letter-spacing:.04em;font-variant-numeric:tabular-nums;pointer-events:none}.total{color:#8c8c92}#figure{position:fixed;inset:calc(3.8rem + env(safe-area-inset-top)) 0 calc(var(--reading-height) + 1.5rem);margin:0;display:grid;place-items:center;z-index:1}#geometry{display:block;outline:none;width:min(100%,calc(100svh - var(--reading-height) - 5.3rem),900px);height:100%;overflow:visible;touch-action:pan-y}#geometry text{font-family:inherit;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;pointer-events:none}#geometry line,#geometry path{vector-effect:non-scaling-stroke}#geometry .hit{fill:#fff;fill-opacity:0;cursor:pointer}#geometry .hit:focus-visible{stroke:#796b9b;stroke-width:2;outline:none}#geometry[data-interactive=true]{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#geometry[data-interactive=true]:active{cursor:grabbing}#geometry[data-interactive=true]:focus-visible{outline:1px solid #d8d8dc;outline-offset:-1px}
.step{height:100svh;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:normal}.step p{display:none}.reading{position:fixed;bottom:0;left:0;right:0;z-index:5;background:#fff;padding:1.1rem 1.5rem calc(1.6rem + env(safe-area-inset-bottom));text-align:left;max-height:55svh;overflow:visible}.reading-inner{position:relative;max-width:38rem;margin:0 auto}.reading #caption,.reading .caption-measure{font-size:1.05rem;font-weight:400;line-height:1.55;margin:0;letter-spacing:-.012em;color:#44444a;text-wrap:pretty}#reading-actions{position:absolute;bottom:calc(100% + 1.5rem);left:0;right:0}#explore{background:#fff;border-top:1px solid #e6e4ea;padding-top:.65rem}#hint{position:absolute;right:0;bottom:0;width:44px;height:44px;display:grid;place-items:center;color:#303034}#hint svg{opacity:.65}.caption-measure{position:absolute;inset:0 0 auto;visibility:hidden;pointer-events:none}#focus-type{display:block;width:100%;font-size:1rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.025em}#focus-type::after{content:'Connections ↗';float:right;color:#796b9b;font-size:.8rem;letter-spacing:0;font-weight:400;padding-top:.1rem}#gesture-hint{font-size:.8rem;line-height:1.5;color:#737078;margin:.15rem 0 0}#progress{position:fixed;bottom:0;left:0;right:0;height:2px;background:#f0f0f1;z-index:8}#progress span{display:block;height:100%;background:#303034;width:100%;transform:scaleX(.0294);transform-origin:left}
#connections{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,42rem);max-height:78svh;padding:.75rem 1.5rem calc(1rem + env(safe-area-inset-bottom));border:0;border-top:1px solid #d8d8dc;border-radius:0;background:#fff;color:#303034;overflow-y:auto;overscroll-behavior:contain}#connections::backdrop{background:transparent}.sheet-head{touch-action:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.sheet-head h2{font-size:1rem;font-weight:500;margin:0}.sheet-head button{font-size:.875rem;text-decoration:underline;text-underline-offset:.3em}#relations{display:grid;margin:.5rem 0}#relations button{position:relative;padding:.65rem 1.6rem .65rem 0;font-size:1rem;line-height:1.4}#relations button[aria-pressed=true]::after{content:'✓';position:absolute;right:0}.sheet-actions{border-top:1px solid #e9e9ec;padding-top:.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.sheet-actions button{font-size:.875rem;line-height:1.4}.no-script{position:fixed;z-index:10;background:#fff;inset:30% 1rem auto;padding:2rem;line-height:1.6}
@media(max-width:600px){.counter{left:1.25rem;top:calc(1.1rem + env(safe-area-inset-top))}.reading{padding:1rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom))}.reading #caption,.reading .caption-measure{font-size:1rem;line-height:1.55}#connections{padding-left:1.25rem;padding-right:1.25rem}}
@media(max-height:500px) and (orientation:landscape){.reading{left:52%;padding:1.2rem;bottom:0;max-height:95svh}#figure{right:48%;bottom:0;top:2.5rem}#geometry{width:min(50vw,85svh);height:100%}#connections{max-height:95svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.source-note{border-top:1px solid #e9e9ec;margin-top:.8rem;padding:.8rem 0;font-size:.875rem;line-height:1.55;color:#55515d}.source-note summary{cursor:pointer;min-height:32px}.source-note p{margin:.6rem 0}

#open-map{display:block;width:100%;border-top:1px solid #e6e4ea;padding:.8rem 0;color:#796b9b;font-size:.9rem}#caption{will-change:opacity}