.mnav{margin-block:var(--space-4);border-block:var(--rule) solid var(--line-soft);background:color-mix(in srgb, var(--background) 94%, transparent);font-family:var(--font-ui)}.mnav-btn,.mnav-backdrop{display:none}.mnav-sheet{align-items:center;gap:var(--space-1) var(--space-4);padding-block:var(--space-2);flex-wrap:wrap;display:flex}.mnav-hub,.mnav-btn b{color:var(--ink);font-size:var(--type-xs);letter-spacing:.18em;text-transform:uppercase;font-weight:700}a.mnav-hub{text-decoration:none}a.mnav-hub:before{content:"← ";color:var(--muted)}.mnav ul{align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;flex:auto;margin:0;padding:0;list-style:none;display:flex}.mnav li>a,.mnav li>span,.mnav-steps a{min-height:2.25rem;color:var(--muted);font-size:var(--type-sm);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex;position:relative}.mnav li>a:hover,.mnav li>a:focus-visible,.mnav-steps a:hover,.mnav-steps a:focus-visible,.mnav a.mnav-hub:hover,.mnav li>span[aria-current=page]{color:var(--ink)}.mnav li>span.mnav-title{text-overflow:ellipsis;max-width:22rem;line-height:2.25rem;display:inline-block;overflow:hidden}.mnav li>span[aria-current=page]:after{background:var(--accent);content:"";height:1px;position:absolute;inset:auto 0 .3rem}.mnav-steps{gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin:0 0 0 auto;display:flex}.mnav-steps a{line-height:2.25rem;display:inline-block}.mnav-steps i{text-overflow:ellipsis;vertical-align:bottom;max-width:12rem;font-style:normal;display:inline-block;overflow:hidden}.module-sticky{z-index:30;background:var(--background);position:sticky;top:4.5rem}.module-sticky .mnav{border-top:0;margin-block:0}.module-sticky .module-section-nav{position:static}@media (width<=48rem){.module-sticky{display:contents}.module-sticky .module-section-nav{position:sticky}}@media (width<=40rem){html.js .mnav{background:0 0;border:0}html.js .mnav-btn{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:var(--rule) solid var(--line);color:var(--muted);font:700 var(--type-sm) / 1.3 var(--font-ui);cursor:pointer;background:0 0;border-radius:999px;display:flex}html.js .mnav-btn b{margin-left:auto}html.js .mnav-btn:after{content:"↑";color:var(--muted)}html.js .mnav.is-open .mnav-backdrop{z-index:90;background:color-mix(in srgb, var(--background) 70%, transparent);display:block;position:fixed;inset:0}html.js .mnav-sheet{z-index:91;align-items:stretch;gap:var(--space-2);max-height:75vh;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-top:var(--rule) solid var(--line);background:var(--raised);visibility:hidden;border-radius:12px 12px 0 0;flex-direction:column;transition:transform .2s,visibility 0s linear .2s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}html.js .mnav.is-open .mnav-sheet{visibility:visible;transition:transform .2s;transform:none}html.js .mnav ul{flex-direction:column;align-items:stretch;gap:0}html.js .mnav li>a,html.js .mnav li>span,html.js .mnav-steps a{border-bottom:var(--rule) solid var(--line-soft);min-height:2.75rem;font-size:var(--type-body);white-space:normal;display:flex}html.js .mnav li>span[aria-current=page]:after{width:3rem;inset:auto auto 0 0}html.js .mnav-steps a{padding-block:var(--space-2);line-height:1.4;display:block}html.js .mnav-steps{flex-direction:column;gap:0;margin:0}html.js .mnav-steps i{white-space:normal;max-width:none}}@media (width<=40rem) and (prefers-reduced-motion:reduce){html.js .mnav-sheet,html.js .mnav.is-open .mnav-sheet{transition:none}}