.chronicle{display:block;min-width:0;margin-block:1rem 3.5rem;color:rgb(var(--studio-ink))}.chronicle__head{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.chronicle__head h2{margin:0;font-family:var(--studio-serif);font-size:clamp(1.2rem,2.5vw,1.55rem);font-weight:500;line-height:1.5}.chronicle__head p{margin-top:.65rem;color:rgb(var(--studio-muted));font-size:.76rem;line-height:1.7}.chronicle__controls{display:flex;flex:0 0 auto;gap:.5rem}.chronicle__controls[hidden]{display:none}.chronicle__controls button{display:grid;place-items:center;width:44px;height:44px;padding:11px;border:1px solid rgb(var(--studio-line));border-radius:50%;background:transparent;color:rgb(var(--studio-ink));cursor:pointer;transition:color .16s ease,background-color .16s ease}.chronicle__controls button:hover:not(:disabled){background:rgb(var(--studio-soft));color:rgb(var(--studio-accent))}.chronicle__controls button:disabled{opacity:.35;cursor:default}.chronicle .chronicle__controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.chronicle__viewport{position:relative;isolation:isolate;overflow-x:auto;overflow-y:hidden;margin-top:1rem;border-bottom:1px solid rgb(var(--studio-line));scrollbar-width:thin;scrollbar-color:rgb(var(--studio-accent) / .45) rgb(var(--studio-soft));overscroll-behavior-x:contain;scroll-padding-inline:1.5rem}.chronicle__viewport:focus-visible{outline:2px solid rgb(var(--studio-accent));outline-offset:5px}.chronicle__canvas{position:relative;width:var(--chronicle-width);min-width:100%;height:var(--chronicle-height);transform-origin:50% 50%}.chronicle .chronicle__landscape{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-linecap:round;pointer-events:none}.chronicle__landscape path{vector-effect:non-scaling-stroke}.chronicle__trunk{stroke:rgb(var(--studio-accent) / .6);stroke-width:1.8;stroke-dasharray:1}.chronicle__branches{stroke:rgb(var(--studio-accent) / .2);stroke-width:1;stroke-dasharray:1}.chronicle__depth--far{stroke:rgb(var(--studio-accent) / .19);stroke-width:1}.chronicle__depth--near{filter:blur(7px);stroke:rgb(var(--studio-accent) / .18);stroke-width:10}.chronicle__flow{opacity:0}.chronicle[data-ambient-ready=true] .chronicle__flow{opacity:1}.chronicle__flow-path{stroke:rgb(var(--studio-accent) / .9);stroke-width:2.8;stroke-dasharray:28 252;animation:chronicle-flow 24s linear infinite;animation-play-state:paused}.chronicle__flow-path--branch{stroke:rgb(var(--studio-accent) / .6);stroke-width:2;stroke-dasharray:14 126;animation-duration:22s;animation-delay:var(--chronicle-flow-delay, 0s)}.chronicle__drift--far{animation:chronicle-far-drift 39s ease-in-out infinite alternate;animation-play-state:paused}.chronicle__drift--near{animation:chronicle-near-drift 26s ease-in-out infinite alternate;animation-play-state:paused}.chronicle[data-ambient-ready=true][data-motion-running=true] :is(.chronicle__flow-path,.chronicle__drift){animation-play-state:running}@keyframes chronicle-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-560}}@keyframes chronicle-far-drift{0%{transform:translate(8px,-3px);opacity:.8}to{transform:translate(-8px,3px);opacity:1}}@keyframes chronicle-near-drift{0%{transform:translate(-22px,8px);opacity:.72}to{transform:translate(22px,-8px);opacity:1}}.chronicle__nodes{margin:0;padding:0;list-style:none}.chronicle__position{position:absolute;width:222px;transform:translate(-50%)}.chronicle__node{position:relative;display:flex;flex-direction:column;gap:.55rem;min-height:70px;padding:10px 14px;color:rgb(var(--studio-ink));text-align:center;text-decoration:none;transform:translateY(24px)}.chronicle__position--above .chronicle__node{transform:translateY(calc(-100% - 24px))}.chronicle__node:before{content:"";position:absolute;z-index:1;top:-29px;left:calc(50% - 5px);width:10px;height:10px;border:2px solid rgb(var(--studio-accent));border-radius:50%;background:rgb(var(--studio-bg));transition:background-color .16s ease,transform .16s ease}.chronicle__node:after{content:"";position:absolute;top:-24px;left:calc(50% - .5px);width:1px;height:23px;background:rgb(var(--studio-accent) / .25)}.chronicle__position--above .chronicle__node:before{top:calc(100% + 19px)}.chronicle__position--above .chronicle__node:after{top:100%}.chronicle__node-label{color:rgb(var(--studio-accent));font-size:.76rem;font-variant-numeric:tabular-nums;line-height:1.5}.chronicle__node-title{font-family:var(--studio-serif);font-size:.96rem;line-height:1.8;text-wrap:pretty;overflow-wrap:anywhere}.chronicle__node:hover .chronicle__node-title,.chronicle__node:focus-visible .chronicle__node-title{text-decoration:underline;text-decoration-color:rgb(var(--studio-accent) / .5)}.chronicle__node:hover:before,.chronicle__node:focus-visible:before{background:rgb(var(--studio-accent));transform:scale(1.3)}.chronicle__node:focus-visible{outline:2px solid rgb(var(--studio-accent));outline-offset:2px}.chronicle--chapters{margin-block:2.75rem 3.75rem}.personal-note[id]{scroll-margin-top:2rem}.personal-note:target{background:rgb(var(--studio-soft) / .45)}@media(max-width:639px){.chronicle{margin-bottom:2.5rem}.chronicle__head{gap:.75rem}.chronicle__head p{font-size:.71rem}.chronicle__controls{gap:.3rem}.chronicle__node-title{font-size:1rem}.chronicle--chapters{margin-top:2rem}}@media(prefers-reduced-motion:reduce){.chronicle *,.chronicle *:before,.chronicle *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.chronicle[data-ambient-ready=true] .chronicle__flow{opacity:0}}