.snav{position:relative;z-index:20;background:none;container:snav / inline-size;--sweep:var(--plum-soft)}:root[data-theme=dark] .snav{--sweep:var(--plum)}.snav .bar{display:flex;align-items:center;gap:24px;height:calc(var(--line)*3)}.snav .bar .lock{margin-right:auto}.snav .links{display:flex;align-items:center;padding:0;list-style:none}.snav .links li{position:relative;display:flex;align-items:center;height:calc(var(--line)*3)}.snav .links li+li{margin-left:30px}.snav .links li+li:before{content:"";position:absolute;left:-17px;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:var(--plum)}.snav .links li>a:first-child{font:600 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--ink);transition:color .16s var(--arrive)}.snav .links li>a:first-child:after{content:"";position:absolute;inset:0}.snav .links li:hover>a:first-child,.snav .links li>a:first-child:is(:focus-visible,[aria-current]){color:var(--plum)}.snav .nslip{position:absolute;z-index:5;top:calc(100% - 14px);left:50%;translate:-50% -8px;rotate:var(--r,0deg);width:max-content;max-width:252px;padding:12px 14px 11px;text-align:left;background:var(--card);border:1px solid var(--rule-2);border-radius:3px;box-shadow:var(--lift);opacity:0;visibility:hidden;transition:opacity .18s var(--snap),translate .18s var(--snap),visibility 0s .18s}.snav .nslip:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.snav .links li:not(.shut):has(>a:first-child:focus-visible)>.nslip{opacity:1;visibility:visible;translate:-50% 0;transition-delay:0s}@media(hover:hover){.snav .links li:not(.shut):hover>.nslip{opacity:1;visibility:visible;translate:-50% 0;transition-delay:0s}.snav .links:has(li:hover) li:not(:hover):has(>a:first-child:focus-visible)>.nslip{opacity:0;visibility:hidden;translate:-50% -8px}}.snav .nslip .nq{display:block;font:400 19px/1.18 var(--serif);letter-spacing:-.01em;color:var(--plum);text-wrap:balance}.snav .nslip .nph{display:flex;align-items:baseline;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid var(--rule-soft);font:400 13px/1.4 var(--sans);color:var(--ink-body)}.snav .nslip .nph:after{content:"→";content:"→" / "";margin-left:auto;color:var(--ink-3)}.snav .bar .btn{display:inline-flex;align-items:center;white-space:nowrap;padding-block:calc(11px - .15em);transition:none;background-image:linear-gradient(var(--sweep),var(--sweep));background-repeat:no-repeat;background-size:0 100%}.snav .bar .btn:is(:focus-visible,:active){background-color:var(--btn);background-size:100% 100%}.snav .nroll{display:block;height:1.3em;line-height:1.3;overflow:hidden;text-align:center}.snav .nroll>span{display:block}@media(hover:hover){.snav .bar .btn{transition:background-size .38s var(--snap)}.snav .bar .btn:hover{background-color:var(--btn);background-size:100% 100%}}@media(hover:hover)and (prefers-reduced-motion:no-preference){@container snav (min-width:901px){.snav .nroll>span{transition:translate .32s var(--snap) 70ms}.snav .nroll>span:after{content:attr(data-roll);display:block}.snav .bar .btn:is(:hover,:focus-visible) .nroll>span{translate:0 -50%}}}.snav .ntheme{color:var(--ink)}.snav .ntheme svg{width:18px;height:18px;flex:none;transition:opacity .3s var(--snap),rotate .5s cubic-bezier(.2,.7,.2,1)}.snav .ntheme .moon,:root[data-theme=dark] .snav .ntheme .sun{opacity:0;rotate:-60deg}:root[data-theme=dark] .snav .ntheme .moon{opacity:1;rotate:0deg}.snav .bar .ntheme{position:absolute;top:24px;right:min(14px,calc((max(var(--gut),(100% - var(--wrap))/2 + var(--gut)) - 36px)/2));width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--rule-2);border-radius:50%;transition:background .16s var(--arrive)}.snav .bar .ntheme:hover{background:var(--lit)}.snav .bar .ntheme svg{grid-area:1/1}.snav .menu-b{display:none;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--rule);border-radius:2px;font-size:13.5px;color:var(--ink)}.snav .menu-b .ic{width:14px;height:10px;position:relative}.snav .menu-b .ic:before,.snav .menu-b .ic:after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .2s var(--snap),top .2s var(--snap)}.snav .menu-b .ic:before{top:1px}.snav .menu-b .ic:after{top:7px}.snav .menu-b[aria-expanded=true] .ic:before{top:4px;transform:rotate(45deg)}.snav .menu-b[aria-expanded=true] .ic:after{top:4px;transform:rotate(-45deg)}.snav .sheet{background:var(--paper);padding:8px 0 20px}.snav .sheet[hidden]{display:none}.snav .sheet:not([hidden]){animation:sheetIn .24s var(--snap)}@keyframes sheetIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.snav .sheet a{display:grid;grid-template-columns:1fr auto;align-content:center;align-items:center;gap:4px 14px;min-height:52px;border-bottom:1px solid var(--rule-soft);font-size:18px;color:var(--ink)}.snav .sheet a:after{content:"→";content:"→" / "";grid-row:1;grid-column:2;color:var(--ink-3);font-size:15px}.snav .sheet .wrap>a{padding:14px 0 15px}.snav .sheet .nq{grid-column:1/-1;font:400 16px/1.2 var(--serif);color:var(--plum)}.snav .sheet .nph{grid-column:1/-1;font:400 13px/1.35 var(--sans);color:var(--ink-body)}.snav .sheet .sub{margin-top:18px}.snav .sheet .sub a{font-size:15px;min-height:44px;color:var(--ink-body)}.snav .sheet .ntheme{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;min-height:44px;padding:0;border-bottom:1px solid var(--rule-soft);font-size:15px;color:var(--ink-body);text-align:left}.snav .sheet .ntheme svg{grid-area:1/2;color:var(--ink)}@media(prefers-reduced-motion:reduce){.snav .sheet:not([hidden]){animation:none}.snav .menu-b .ic:before,.snav .menu-b .ic:after{transition:none}.snav .links li>a:first-child,.snav .nslip,.snav .bar .btn,.snav .ntheme,.snav .bar .ntheme,.snav .ntheme svg{transition:none}}@container snav (max-width:900px){.snav .links,.snav .bar .ntheme{display:none}.snav .menu-b{display:inline-flex}.snav .bar{gap:10px}}@container snav (min-width:901px){.snav .sheet{display:none}.snav .bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.snav .bar .lock{margin-right:0;justify-self:start}.snav .bar>.btn{justify-self:end}}@container snav (min-width:901px) and (max-width:1219px){.snav .bar .ntheme{right:12px;top:28px;width:28px;height:28px}}@container snav (min-width:901px) and (max-width:960px){.snav .links li+li{margin-left:21px}.snav .links li+li:before{left:-12px}}@container snav (max-width:370px){.snav .menu-b{font-size:0;gap:0}}@container snav (max-width:360px){.snav .bar .btn.sm{padding-inline:12px}}