.ruler{--ruler-name: 9.5rem;--ruler-years: 7rem;--ruler-head: 36px;position:relative;margin-top:var(--space-8);padding-top:var(--ruler-head);border-top:1px solid var(--color-ink)}.ruler__axis{position:absolute;z-index:1;top:0;bottom:0;left:var(--ruler-name);right:var(--ruler-years);pointer-events:none}.ruler__axis>span{position:absolute;top:0;bottom:0;left:var(--at);padding:var(--space-2) 0 0 var(--space-2);border-left:1px solid var(--color-rule);font:400 var(--fs-data)/var(--lh-data) var(--font-mono);color:var(--color-muted);font-variant-numeric:tabular-nums}.ruler__now{position:absolute;top:0;bottom:0;left:var(--at);border-left:1.5px solid var(--color-accent)}.ruler__now span{position:absolute;top:var(--space-2);right:var(--space-2);font:400 var(--fs-data)/var(--lh-data) var(--font-mono);font-style:normal;color:var(--color-accent)}.ruler__rows{list-style:none;margin:0;padding:0}.ruler__rows li{margin:0}.ruler__row{display:grid;grid-template-columns:var(--ruler-name) minmax(0,1fr) var(--ruler-years);align-items:center;min-height:48px;border-bottom:1px solid var(--color-rule);color:var(--color-ink);text-decoration:none;transition:background-color var(--dur-link) var(--ease)}.ruler__name{padding-right:var(--space-4);font-size:var(--fs-small);font-weight:500}.ruler__years{padding-left:var(--space-4);text-align:right;font:400 var(--fs-data)/var(--lh-data) var(--font-mono);color:var(--color-muted);font-variant-numeric:tabular-nums}.ruler__track{position:relative;align-self:stretch}.ruler__mark{position:absolute;top:50%;left:var(--from);width:calc(var(--to) - var(--from));height:10px;transform:translateY(-50%);background:var(--color-ink);transition:background-color var(--dur-link) var(--ease)}.is-point .ruler__mark{width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%)}.is-ongoing .ruler__mark:after{content:"";position:absolute;top:50%;left:100%;width:18px;border-top:2px dashed currentColor;transform:translateY(-50%)}.is-ongoing .ruler__mark{color:var(--color-ink)}@media(hover:hover){.ruler__row:hover{background:var(--color-paper-deep)}.ruler__row:hover .ruler__mark{background:var(--color-accent);color:var(--color-accent)}}.ruler__row:focus-visible .ruler__mark{background:var(--color-accent);color:var(--color-accent)}.ruler__row:focus-visible{outline-offset:-3px}.work-chapters{list-style:none;margin:var(--space-9) 0 0;padding:0}.wchap{margin:0;padding-block:var(--space-9);border-top:1px solid var(--color-rule)}.wchap__inner{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:var(--space-8);align-items:center}.wchap--feature{padding-top:var(--space-8)}.wchap--feature .wchap__inner{grid-template-columns:minmax(0,1fr);row-gap:var(--space-6)}.wchap--feature .pv{aspect-ratio:2 / 1}@media(min-width:768px){.wchap--feature .wchap__text{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto 1fr;column-gap:var(--space-8);align-items:start}.wchap--feature .wchap__text>p:not(.wchap__meta){grid-column:2;grid-row:1 / span 2;margin-top:0;max-width:none}}.wchap--flip .wchap__inner{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.wchap--flip .pv{order:2}.wchap__meta{display:flex;gap:var(--space-4);font:400 var(--fs-data)/var(--lh-data) var(--font-mono);color:var(--color-muted);font-variant-numeric:tabular-nums}.wchap__title{margin-top:var(--space-2);font:400 var(--fs-h2)/var(--lh-h2) var(--font-display);letter-spacing:var(--tr-h2);text-wrap:balance;scroll-margin-top:40vh}.wchap__title a{color:inherit;text-decoration:none}.wchap__text>p:not(.wchap__meta){margin-top:var(--space-4);max-width:30rem;font:400 var(--fs-read)/var(--lh-read) var(--font-display);letter-spacing:.003em}.wchap__title a:after{content:"";position:absolute;inset:0}.wchap .pv{transition:background-color .3s var(--ease)}@media(hover:hover){.wchap:hover .pv:not(.pv--dark){background:color-mix(in srgb,var(--color-paper-deep) 88%,var(--color-ink))}.wchap:not(.wchap--dark):hover .pv--dark{background:color-mix(in srgb,var(--color-band) 90%,var(--color-on-band))}.wchap--dark:hover .pv{background:color-mix(in srgb,var(--color-band) 80%,var(--color-on-band))}}.wchap__inner:has(a:focus-visible){outline:var(--focus-w) solid var(--color-accent);outline-offset:var(--space-3)}.wchap__title a:focus-visible{outline:none}.wchap:has(.wchap__title:target) .pv{outline:2px solid var(--color-accent);outline-offset:var(--space-2)}.wchap--dark{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%);background:var(--color-band);color:var(--color-on-band);border-top:0}.wchap--dark+.wchap--dark .wchap__inner{padding-top:var(--space-9)}.wchap--dark+.wchap--dark{padding-top:0;box-shadow:0 -2px 0 var(--color-band)}.wchap--dark+.wchap:not(.wchap--dark){border-top:0}.wchap--dark .wchap__meta{color:var(--color-rail-on-band)}.wchap--dark .wchap__text>p:not(.wchap__meta){color:var(--color-rail-on-band)}.wchap--dark .pv{background:color-mix(in srgb,var(--color-band) 90%,var(--color-on-band))}.wchap--dark .wchap__inner:has(a:focus-visible),.wchap--dark:has(.wchap__title:target) .pv{outline-color:var(--color-accent-lift)}@media(max-width:1023px){.wchap__inner,.wchap--feature .wchap__inner,.wchap--flip .wchap__inner{column-gap:var(--space-6)}}@media(max-width:767px){.ruler{--ruler-name: 6.5rem;--ruler-years: var(--space-4);margin-top:var(--space-7);margin-bottom:var(--space-6)}.ruler__years{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0}.ruler__now span{top:calc(100% + var(--space-1));right:auto;left:calc(-1 * var(--space-4))}.ruler__axis>span{font-size:0;padding-left:var(--space-1)}.ruler__axis>span:before{content:attr(data-short);font-size:var(--fs-data)}.work-chapters{margin-top:var(--space-8)}.wchap{padding-block:var(--space-7)}.wchap__inner,.wchap--feature .wchap__inner,.wchap--flip .wchap__inner{grid-template-columns:1fr;row-gap:var(--space-5)}.wchap--flip .pv{order:0}.wchap--dark+.wchap--dark .wchap__inner{padding-top:var(--space-7)}}@media(max-width:599px){.ruler{--ruler-name: 0px;--ruler-years: var(--space-5);--ruler-head: 32px}.ruler__row{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 22px;row-gap:var(--space-1);min-height:0;padding:var(--space-3) var(--ruler-years) var(--space-2) 0}.ruler__name{position:relative;z-index:2;justify-self:start;padding:0 var(--space-2) 0 0;background:var(--color-paper);line-height:1.4}.ruler__track{grid-row:2}.ruler__axis>span{border-left-color:color-mix(in srgb,var(--color-rule) 70%,var(--color-paper))}}@media(prefers-reduced-motion:reduce){.work-page *,.work-page *:before,.work-page *:after{transition:none!important}}