.guide-page{--guide-header-offset:3rem;--guide-mobile-nav-h:2.75rem}@media (min-width:640px){.guide-page{--guide-header-offset:3.5rem}}@media (min-width:1024px){.guide-page{--guide-header-offset:4rem;--guide-mobile-nav-h:0px}}.guide-page [data-guide-section]{scroll-margin-top:calc(var(--guide-header-offset) + var(--guide-mobile-nav-h) + .75rem)}.guide-mobile-nav{top:var(--guide-header-offset);z-index:30;-webkit-backdrop-filter:blur(12px);background:#000000e0;border-bottom:1px solid #ffffff0f;margin-inline:-1rem;position:sticky}@media (min-width:640px){.guide-mobile-nav{margin-inline:-1.5rem}}@media (min-width:1280px){.guide-mobile-nav{display:none}}.guide-mobile-nav-track{overscroll-behavior-x:contain;scrollbar-width:none;gap:.35rem;padding:.5rem 1rem .65rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1rem),#0000)}.guide-mobile-nav-track::-webkit-scrollbar{display:none}.guide-mobile-nav-item{shrink:0;white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:11px;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.guide-mobile-nav-item.is-active{color:#d4f570;background:#b7f5001f;box-shadow:inset 0 0 0 1px #b7f50038}.guide-mobile-nav-item:not(.is-active){color:#71717a;background:#ffffff0a}.guide-mobile-nav-item:not(.is-active):hover{color:#d4d4d8;background:#ffffff12}.guide-mobile-nav-index{opacity:.65;font-family:ui-monospace,monospace;font-size:9px;font-weight:700}.guide-panel{background:#111;border-radius:.75rem}.guide-panel-muted{background:#0a0a0a;border-radius:.75rem}.guide-desktop-nav-item.is-active{background:#b7f5000f;border-left-color:#b7f500bf}.guide-desktop-nav-item.is-active .guide-desktop-nav-index{color:#c4f570}