.spy{--spy-bar-h:68px}.spy__head{max-width:22ch}.spy__intro{max-width:56ch;color:var(--color-ink-2);margin-top:20px}.spy__cols{grid-template-columns:1fr;margin-top:32px;display:grid}@media (min-width:63.75rem){.spy__cols{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));margin-top:72px}.spy__rail-wrap{grid-column:1/span 3}.spy__body{grid-column:5/span 8}}.spy__rail-wrap{display:none}@media (min-width:63.75rem){.spy__rail-wrap{top:calc(var(--header-h) + 80px);max-height:calc(100vh - var(--header-h) - 120px);scrollbar-width:none;padding-right:16px;display:block;position:sticky;overflow-y:auto}.spy__rail-wrap::-webkit-scrollbar{width:0}}.spy__rail{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.spy__item{opacity:.7;transition:opacity var(--dur-state) var(--ease-default)}.spy__item[data-active]{opacity:1}.spy__label{display:block}.spy__detail-box{transition:grid-template-rows var(--dur-lift) var(--ease-glide);grid-template-rows:0fr;display:grid}.spy__item[data-active] .spy__detail-box{grid-template-rows:1fr}.spy__detail{color:var(--color-ink-2);opacity:0;transition:opacity var(--dur-state) var(--ease-default);padding-top:8px;overflow:hidden}.spy__item[data-active] .spy__detail{opacity:1;transition:opacity var(--dur-state) var(--ease-default) .15s}.spy__section{scroll-margin-top:calc(var(--header-h) + var(--spy-bar-h) + 16px)}@media (min-width:63.75rem){.spy .spy__section{scroll-margin-top:calc(var(--header-h) + 24px)}}.spy__section:focus{outline:none}.spy__section+.spy__section{margin-top:56px}@media (min-width:63.75rem){.spy__section+.spy__section{margin-top:80px}}.spy__section-h{max-width:24ch}.spy__p{max-width:var(--container-measure-body);color:var(--color-ink-2);margin-top:20px}.spy__bar{top:var(--header-h);z-index:var(--z-raised);background:var(--color-surface-page);border-bottom:1px solid var(--color-rule);margin-top:40px;position:sticky}@media (min-width:63.75rem){.spy__bar{display:none}}.spy__bar-btn{width:100%;padding:24px var(--gutter);color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.spy__bar-btn:focus-visible{outline-offset:-3px}.spy__bar-label{font-size:var(--text-control);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.4;overflow:hidden}.spy__caret{width:12px;height:8px;transition:transform var(--dur-state) var(--ease-default);flex:none}.spy__caret[data-open]{transform:rotate(180deg)}.spy__bar-list{background:var(--color-surface-page);max-height:60vh;box-shadow:var(--shadow-pop);visibility:hidden;transition:grid-template-rows var(--dur-accordion) var(--ease-default), visibility var(--dur-accordion) step-end;grid-template-rows:0fr;display:grid;position:absolute;top:100%;left:0;right:0;overflow:hidden}.spy__bar-list[data-open]{visibility:visible;transition:grid-template-rows var(--dur-accordion) var(--ease-default), visibility var(--dur-accordion) step-start;grid-template-rows:1fr}.spy__bar-list>ul{margin:0;padding:0;list-style:none;overflow-y:auto}.spy__jump{width:100%;padding:14px var(--gutter);color:inherit;font-size:var(--text-body);text-align:left;cursor:pointer;opacity:.7;transition:opacity var(--dur-state) var(--ease-default);background:0 0;border:0;display:block}.spy__jump[data-active]{opacity:1}.spy__jump:focus-visible{outline-offset:-3px}@media (prefers-reduced-motion:reduce){.spy__item,.spy__detail,.spy__item[data-active] .spy__detail,.spy__detail-box,.spy__caret,.spy__jump,.spy__bar-list,.spy__bar-list[data-open]{transition:none}}