/* A connected reading journey, aligned to the shared header's navigation. */
.chapter-bar{top:var(--workflow-header-height,84px);box-shadow:0 7px 20px #071b2a08}
.chapter-bar .chapter-inner{max-width:none;margin:0;padding-block:7px;padding-inline:var(--workflow-edge,28px);display:grid;grid-template-columns:var(--workflow-intro,180px) minmax(0,1fr) auto;gap:18px;min-height:66px}
.chapter-label{color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.12em}
.chapter-label b{font-size:12px;font-weight:700;letter-spacing:.04em;margin-top:2px;color:var(--ink)}
#chapter-nav{gap:0;min-width:0;padding:5px 3px 7px;scrollbar-width:thin;scrollbar-color:var(--control-line) transparent;scroll-padding-inline:8px;align-items:center;overscroll-behavior-inline:contain}
#chapter-nav a{position:relative;isolation:isolate;flex:none;display:flex;align-items:center;gap:7px;min-height:38px;padding:0 12px 0 0;opacity:1;border:0;color:var(--muted);font-size:11px;font-weight:650;line-height:1.3;transition:color .2s}
#chapter-nav a:not(:last-child)::after{content:'';display:block;width:18px;height:1px;margin-inline-start:6px;background:var(--control-line);opacity:.6;transition:background .2s}
.chapter-step-number{display:grid;place-items:center;width:26px;height:26px;flex:none;border:1px solid var(--control-line);border-radius:50%;background:var(--paper);color:var(--ink);font-size:10px;font-weight:750;line-height:1;position:relative}
#chapter-nav a.is-past .chapter-step-number{background:var(--surface);border-color:var(--ink)}
#chapter-nav a.is-past::after{background:var(--ink);opacity:1}
#chapter-nav a[aria-current]{color:var(--ink);font-weight:750}
#chapter-nav a[aria-current] .chapter-step-number{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 0 0 4px var(--surface)}
#chapter-nav a:hover .chapter-step-number{box-shadow:0 0 0 4px var(--surface);transform:translateY(-1px)}
#chapter-nav a:focus-visible{outline:2px solid var(--ink)!important;outline-offset:2px;border-radius:18px}
#chapter-next{min-height:38px;display:flex;align-items:center;padding:0 13px;border:1px solid var(--control-line);border-radius:22px;font-size:11px;font-weight:700;white-space:nowrap;background:var(--surface-soft);color:var(--ink)}
#chapter-next:hover{background:var(--ink);color:var(--paper)}
html{scroll-padding-top:calc(var(--workflow-header-height,84px) + 86px)}
.theme-band{scroll-margin-top:calc(var(--workflow-header-height,84px) + 86px)}
html[dir=rtl] #chapter-nav a{padding:0 0 0 12px}
@media(max-width:900px){.chapter-bar .chapter-inner{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-inline:20px;min-height:60px}.chapter-label{display:none}#chapter-nav a{font-size:11px}#chapter-next{display:flex;font-size:10px;padding-inline:12px}}
@media(max-width:600px){.chapter-bar .chapter-inner{padding-inline:12px;gap:8px}#chapter-next{min-width:42px;padding-inline:8px;font-size:9px}#chapter-nav a{gap:6px;padding-inline-end:9px}#chapter-nav a:not(:last-child)::after{width:12px;margin-inline-start:3px}.chapter-step-number{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){#chapter-nav a,#chapter-nav a::after{transition:none}}
