@view-transition{navigation:auto}
::view-transition-old(root){animation:chapter-out .65s ease both}
::view-transition-new(root){animation:chapter-in .8s ease both}
@keyframes chapter-out{to{opacity:0}}
@keyframes chapter-in{from{opacity:0}to{opacity:1}}
.bar,.site-header{view-transition-name:chapter-bar}
::view-transition-group(chapter-bar){animation-duration:.8s}
/* Explicit columns keep the chapter control in the existing single row. */
html.preview-2 .bar.has-chapters,.site-header.has-chapters{display:grid;grid-template-columns:minmax(60px,1fr) auto minmax(60px,1fr);align-items:center;gap:12px;min-height:64px}
.chapter-nav-group{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;justify-self:center}
.has-chapters .bar-actions{justify-self:end}
.has-chapters .brand,.has-chapters .wordmark{justify-self:start}
html.preview-2 .has-chapters .bar-section{display:none}
.chapter-switch{display:flex;align-items:center;gap:8px;flex:none;min-width:0;color:inherit}
.chapter-switch::after{content:"";display:block;width:1px;height:18px;background:currentColor;opacity:.3;flex:none}
.chapter-trigger{display:flex;align-items:center;white-space:nowrap;min-height:44px;padding:8px 8px;border:0;background:transparent;color:inherit;font:750 .64rem/1.2 var(--sans,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transform-origin:center;transition:transform .4s cubic-bezier(.22,1,.36,1);border-radius:0;text-underline-offset:7px;text-decoration-thickness:1px}
.chapters-open .chapter-trigger{transform:translateY(-1px);text-decoration-line:underline}
.chapter-trigger:focus-visible,.chapter-options a:focus-visible{outline:2px solid currentColor;outline-offset:-3px}
.chapter-rail{position:relative;min-width:0;overflow:hidden;isolation:isolate;width:440px}
.chapter-rail>nav:not(.chapter-options){transition:opacity .24s ease,transform .48s cubic-bezier(.22,1,.36,1);white-space:nowrap;justify-content:flex-start}
.chapter-rail .chapter-options{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,18px);margin:0;padding:0;color:inherit;opacity:0;visibility:hidden;transform:translateX(-32px);transition:opacity .35s ease,transform .55s cubic-bezier(.22,1,.36,1),visibility 0s .55s;pointer-events:none}
.chapter-options a{flex:none;display:flex;align-items:center;min-height:44px;padding:8px 12px;text-decoration:none;color:inherit;font:600 .64rem/1.2 var(--sans,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;opacity:0;transform:translateX(-12px);transition:opacity .28s ease,transform .45s cubic-bezier(.22,1,.36,1),background .2s}
.chapter-options a:hover,.chapter-options a[aria-current]{background:transparent;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.chapter-options a[aria-current]{font-weight:750}
.chapters-open .chapter-rail>nav:not(.chapter-options){opacity:0;transform:translateX(32px);pointer-events:none}
.chapters-open .chapter-options{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:.08s,0s,0s}
.chapters-open .chapter-options a{opacity:1;transform:none;transition-delay:calc(60ms + var(--order)*35ms)}
.site-header{position:fixed;z-index:90;top:18px;left:18px;right:18px;width:auto;padding:10px 22px;background:#f4ebdedb;color:#422d23;border:1px solid #ffffff50;border-radius:999px;backdrop-filter:blur(22px)}
.site-header .header-cta{display:none}.site-header .wordmark-mark{width:32px;height:38px}
@media(max-width:1050px){.has-chapters .brand-name{display:none}.chapter-trigger{padding-inline:4px}.chapter-options a{padding-inline:7px}.chapter-rail{width:370px}html.preview-2 .has-chapters .nav a{padding-inline:7px}}
.has-chapters .chapter-mobile-row{display:none}
@media(max-width:720px){
 html.preview-2 .bar.has-chapters,.site-header.has-chapters{grid-template-columns:auto minmax(0,1fr);gap:5px;padding-inline:10px}
 .has-chapters .chapter-nav-group{display:none}
 .has-chapters .chapter-mobile-row{position:relative;display:flex;align-items:center;justify-self:stretch;gap:0;min-width:0;color:inherit}
 .chapter-mobile-row a{display:flex;align-items:center;justify-content:center;flex:1 0 auto;min-width:44px;height:44px;padding:0 4px;color:inherit;text-decoration:none;border-radius:0;opacity:1;font:500 12px/1.2 var(--sans,Arial,sans-serif);letter-spacing:0;text-transform:none;white-space:nowrap;box-sizing:border-box}
 .chapter-mobile-row a[aria-current="page"]{font-weight:700}
 .chapter-mobile-row .chapter-mobile-login{flex:0 0 44px;padding:0}
 .chapter-mobile-indicator{position:absolute;bottom:3px;height:1px;background:currentColor;pointer-events:none;view-transition-name:mobile-chapter-indicator}
 ::view-transition-group(mobile-chapter-indicator){animation-duration:.8s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
 ::view-transition-old(mobile-chapter-indicator){animation:none;opacity:0}
 ::view-transition-new(mobile-chapter-indicator){animation:none}
 .chapter-mobile-row svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .chapter-mobile-row a:focus-visible{outline:2px solid currentColor;outline-offset:-3px}
 .chapter-mobile-row a:active{opacity:.65}
 .chapter-trigger{font-size:10px}.site-header .wordmark>span:last-child{display:none}
 .chapter-rail{min-height:44px}.chapter-rail .chapter-options{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:3px}
 .chapter-options a{font-size:12px;padding-inline:8px}
 html.preview-2 .has-chapters .chapter-rail>.nav{position:static;display:flex;overflow-x:auto;min-height:44px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;opacity:1;transform:none;pointer-events:auto;color:inherit;visibility:visible;scrollbar-width:none;justify-content:flex-start}
 html.preview-2 .has-chapters.chapters-open .chapter-rail>.nav{opacity:0;pointer-events:none;transform:translateX(20px)}
 html.preview-2 .has-chapters .nav .nav-login,html.preview-2 .has-chapters .menu-toggle{display:none}
 html.preview-2 .has-chapters .bar-actions{display:none}
}
@media(max-width:360px){
 html.preview-2 .bar.has-chapters{width:calc(100% - 8px);gap:0;padding-inline:0}
 .chapter-mobile-row a{font-size:11px;padding-inline:2px}
}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),::view-transition-group(chapter-bar),::view-transition-group(mobile-chapter-indicator){animation:none!important}.chapter-trigger,.chapter-rail>nav,.chapter-options a{transition:none!important;transform:none!important}}