/* One quiet chapter identifier with optional pinned chapter navigation. */
.progression.chapter-tabs{left:13px;top:74px;bottom:auto;transform:none;gap:0;z-index:60}
.progression.chapter-tabs:before{display:none}
#chapter-marker{position:relative;display:flex;align-items:center;width:44px;height:42px;padding:0;isolation:isolate;overflow:hidden;white-space:nowrap;border:0;background:none;opacity:.88;transition:width .28s cubic-bezier(.16,1,.3,1),opacity .2s}
#chapter-marker:before{content:'';position:absolute;inset:0;z-index:-2;background:#fff;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 5px) 100%,0 100%)}
.chapter-tab-frame{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:visible}
.chapter-tab-frame path{fill:none;stroke:#74736c;stroke-width:.8;vector-effect:non-scaling-stroke}
.chapter-tab-frame .inner{stroke-width:.45;opacity:.35}
.progression #chapter-marker b{display:flex;align-items:center;justify-content:center;flex:0 0 35px;width:35px;height:100%;border:0;border-radius:0;box-shadow:none;background:none;color:#595851;font:12px/1 Georgia,serif;letter-spacing:-.06em}
#chapter-marker span{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:0 1px;opacity:0;transform:translateX(-6px);transition:opacity .16s,transform .24s;font:14px/1.1 IMFellEnglish,Georgia,serif;pointer-events:none}
#chapter-marker em{font-style:normal}
#chapter-marker small{display:block;font:7px/1.2 monospace;letter-spacing:.18em;text-transform:uppercase;color:#65645e}
#chapter-marker[aria-expanded=true]{width:134px;opacity:1}
#chapter-marker[aria-expanded=true] span{opacity:1;transform:none}
#chapter-marker:focus-visible{outline:2px solid #222;outline-offset:3px}
@media(max-width:700px){.progression.chapter-tabs{left:7px;top:64px}}
@media(pointer:coarse){#chapter-marker{width:48px;height:46px}.progression #chapter-marker b{flex-basis:39px;width:39px}#chapter-marker[aria-expanded=true]{width:198px}}
.reduced-motion #chapter-marker,.reduced-motion #chapter-marker span{transition:none}


/* Inset, stemless arrows share the chapter hover boundary. */
.progression.chapter-tabs{flex-direction:row;align-items:center}
#chapter-marker{transition:width .28s cubic-bezier(.16,1,.3,1),height .2s,opacity .2s}
#chapter-marker[aria-expanded=true]{width:184px;height:58px;padding-right:42px}
.chapter-tabs .scene-stepper{position:absolute;left:auto;right:10px;top:5px;bottom:auto;display:flex;flex-direction:column;gap:0;width:32px;padding:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;background:none;border-radius:3px;z-index:1;transition:opacity .18s}
.chapter-tabs.is-expanded .scene-stepper{opacity:1;visibility:visible;pointer-events:auto}
.chapter-tabs .scene-stepper button{display:grid;place-items:center;width:32px;height:24px;padding:0;color:#454545;border-radius:3px;touch-action:manipulation}
.chapter-tabs .scene-stepper svg{width:16px;height:16px;fill:currentColor;stroke:none;pointer-events:none}
.chapter-tabs .scene-stepper button:hover:not(:disabled){background:#eee;color:#111}
.chapter-tabs .scene-stepper button:disabled{opacity:.25}
.chapter-tabs .scene-stepper button:focus-visible{outline-offset:-2px}
@media(pointer:coarse){#chapter-marker[aria-expanded=true]{width:198px;height:66px;padding-right:50px}.chapter-tabs .scene-stepper{width:40px}.chapter-tabs .scene-stepper button{width:40px;height:28px}}
.reduced-motion #chapter-marker,.reduced-motion .chapter-tabs .scene-stepper{transition:none}


/* Center the left-aligned title lockup between numeral and navigation. */
#chapter-marker{display:grid;grid-template-columns:35px minmax(0,1fr)}
#chapter-marker[aria-expanded=true]{padding-right:42px}
#chapter-marker span{justify-self:center;text-align:left;width:max-content;max-width:100%}
@media(pointer:coarse){#chapter-marker{grid-template-columns:39px minmax(0,1fr)}#chapter-marker[aria-expanded=true]{padding-right:50px}}
/* Reveal the controls after they have moved clear of the numeral. */
.chapter-tabs.is-expanded .scene-stepper{transition:opacity .12s .2s,visibility 0s .2s}
.reduced-motion .chapter-tabs.is-expanded .scene-stepper{transition:none}


/* The paper and its outline share one silhouette; no separate white polygon. */
#chapter-marker:before{content:none}
.chapter-tab-frame>path:first-child{fill:#fff}
