.guide-nav{top:calc(var(--header-height) + var(--ribbon-height) + var(--guide-bar-height,0px));z-index:15;box-sizing:border-box;background-color:var(--surface-0);border-bottom:1px solid var(--edge);width:100%;padding-bottom:env(safe-area-inset-bottom,0);visibility:hidden;transition:transform .1s linear,visibility .1s linear;position:fixed;bottom:0;left:0;overflow:hidden auto;transform:translateY(-100%)}.guide-nav:after{content:"";pointer-events:none;background:linear-gradient(to bottom,transparent,var(--surface-0));height:72px;margin-bottom:-36px;display:block;position:sticky;bottom:0}.guide-nav__group{margin:24px}.guide-nav__group h4{color:var(--text-3);margin:12px 0;font-size:.9375rem;font-weight:400;line-height:1.3125rem}.guide-nav__group ul{margin:0;padding:0}.guide-nav__group ul li{margin:2px 0;padding:0;font-size:.9375rem;line-height:1.3125rem;list-style:none}.guide-nav__group ul li a{color:var(--text-1);border-radius:11px;padding:6px 9px;text-decoration:none;display:block}.guide-nav__group ul li a:hover{background:var(--action-3)}.guide-nav__group ul li a.router-link-active{background-color:var(--action-2-hover);font-weight:600}.guide-nav.guide-nav--open{visibility:visible;transform:translateY(0)}@media (width>=960px){.guide-nav,.guide-nav.guide-nav--open{visibility:visible;background:0 0;border-bottom:0;width:auto;padding-bottom:0;position:static;left:auto;transform:none}.guide-nav .guide-nav__group,.guide-nav.guide-nav--open .guide-nav__group{margin:24px 0}.guide-nav .guide-nav__group:first-child,.guide-nav.guide-nav--open .guide-nav__group:first-child{margin-top:0}}.guide-contents{display:none}.guide-contents:after{content:"";pointer-events:none;background:linear-gradient(to bottom,transparent,var(--surface-0));height:72px;margin-bottom:-36px;display:block;position:sticky;bottom:0}.guide-contents ul{border-left:1px solid var(--edge);margin:0;padding:0 0 0 12px}.guide-contents ul li{margin:9px 0;font-size:.875rem;line-height:1.125rem;list-style:none}.guide-contents ul li a{color:var(--text-2);text-decoration:none}.guide-contents ul li a.guide-contents__link--active,.guide-contents ul li a:hover{color:var(--text-1)}.guide-contents__item--h3,.guide-contents__item--h4,.guide-contents__item--h5,.guide-contents__item--h6{padding-left:12px}@media (width>=1280px){.guide-contents{display:block}}.guide-shell__bar{top:calc(var(--header-height) + var(--ribbon-height));z-index:16;box-sizing:border-box;background-color:var(--surface-0);border-bottom:1px solid var(--edge);flex-flow:row;align-items:center;padding:6px 18px;display:flex;position:sticky}.guide-shell__bar .action{margin:0}.guide-shell__grid{box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:72px;max-width:1560px;margin:0 auto;padding:0 18px;display:grid}.guide-shell__content{min-width:0;max-width:760px;margin:0 auto;padding:36px 0 72px}@media (width>=960px){.guide-shell__bar{display:none}.guide-shell__grid{grid-template-columns:280px minmax(0,1fr);padding:0 36px}.guide-shell__grid .guide-contents,.guide-shell__grid .guide-nav{top:calc(var(--header-height) + var(--ribbon-height) + 1px);max-height:calc(100vh - var(--header-height) - var(--ribbon-height) - 1px);box-sizing:border-box;align-self:start;padding:36px 0 72px;position:sticky;overflow-y:auto}.guide-shell__grid .guide-contents:after,.guide-shell__grid .guide-nav:after{bottom:-72px}}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.guide-shell__bar{background:var(--overlay-default);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@media (width>=1280px){.guide-shell__grid{grid-template-columns:280px minmax(0,1fr) 280px;padding:0 72px}.guide-shell__grid--no-contents{grid-template-columns:280px minmax(0,1fr)}}