.guide-toc{padding-bottom:var(--gd-pad-mobile-bottom,8px);padding-top:var(--gd-pad-mobile-top,0)}@media (min-width:768px){.guide-toc{padding-bottom:var(--gd-pad-desktop-bottom,24px);padding-top:var(--gd-pad-desktop-top,24px)}}.guide-toc__box{padding:0}.guide-toc__title{align-items:center;color:var(--color-heading);cursor:default;display:flex;font-family:var(--font-heading);font-size:1rem;font-weight:700;gap:.5rem;justify-content:space-between;list-style:none;margin:0 0 .875rem}.guide-toc__title::-webkit-details-marker{display:none}.guide-toc__title svg{display:none}.guide-toc__list{border-left:1px solid var(--color-border);display:grid;gap:.125rem;list-style:none;margin:0;padding:0 0 0 .125rem}.guide-toc__list a{border-left:2px solid transparent;border-radius:0 .5rem .5rem 0;color:var(--color-muted);display:block;font-size:.875rem;line-height:1.4;margin-left:-1px;padding:.5rem .875rem;position:relative;text-decoration:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.guide-toc__list a:hover{color:var(--color-heading)}.guide-toc__list a.is-active{background-color:color-mix(in srgb,var(--gt-accent,var(--color-primary)) 9%,transparent);border-left-color:var(--gt-accent,var(--color-primary));color:var(--gt-accent,var(--color-primary));font-weight:600}.guide-toc__list .guide-toc__sub a{font-size:.8125rem;padding-left:1.75rem}.guide-toc__empty{border:1px dashed var(--color-border);border-radius:.5rem;color:var(--color-muted);font-size:.8125rem;margin:0;padding:.75rem}.guide-toc__list:not(:empty)+.guide-toc__empty{display:none}.guide-toc__top{align-items:center;color:var(--color-muted);display:inline-flex;font-size:.8125rem;gap:.375rem;margin-top:1rem;text-decoration:none}.guide-toc__top:hover{color:var(--gt-accent,var(--color-primary))}@media (min-width:768px){.guide-toc--box .guide-toc__box{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:1rem;box-shadow:0 14px 36px -26px var(--shadow-color);padding:1.25rem 1.25rem 1.125rem}}.guide-toc--design-pills .guide-toc__list{border-left:0;gap:.25rem;padding:0}.guide-toc--design-pills .guide-toc__list a{border-left:0;border-radius:.625rem;margin-left:0;padding:.5rem .75rem}.guide-toc--design-pills .guide-toc__list a:hover{background-color:color-mix(in srgb,var(--gt-accent,var(--color-primary)) 7%,transparent)}.guide-toc--design-pills .guide-toc__list a.is-active{background-color:var(--gt-accent,var(--color-primary));color:#fff}.guide-toc--design-pills .guide-toc__list .guide-toc__sub a{padding-left:1.5rem}.guide-toc--design-numbered .guide-toc__list{border-left:0;counter-reset:gt-step;gap:0;padding:0}.guide-toc--design-numbered .guide-toc__list>li{counter-increment:gt-step;position:relative}.guide-toc--design-numbered .guide-toc__list>li.guide-toc__sub{counter-increment:none}.guide-toc--design-numbered .guide-toc__list>li:not(:last-child):after{background-color:var(--color-border);border-radius:2px;bottom:-.25rem;content:"";left:.8125rem;position:absolute;top:2.125rem;transition:background-color .3s ease;width:2px}.guide-toc--design-numbered .guide-toc__list>li.is-done:not(:last-child):after{background-color:var(--gt-accent,var(--color-primary))}.guide-toc--design-numbered .guide-toc__list a{align-items:center;background:none;border:0;border-radius:0;display:flex;gap:.75rem;margin:0;padding:.375rem 0}.guide-toc--design-numbered .guide-toc__list a:before{align-items:center;background-color:var(--color-card);border:2px solid var(--color-border);border-radius:50%;color:var(--color-muted);content:counter(gt-step);display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:1.75rem;justify-content:center;transition:background-color .3s ease,border-color .3s ease,color .3s ease;width:1.75rem}.guide-toc--design-numbered .guide-toc__list a.is-done:before{border-color:var(--gt-accent,var(--color-primary));color:var(--gt-accent,var(--color-primary));content:"\2713"}.guide-toc--design-numbered .guide-toc__list a.is-active{background:none;color:var(--color-heading)}.guide-toc--design-numbered .guide-toc__list a.is-active:before{background-color:var(--gt-accent,var(--color-primary));border-color:var(--gt-accent,var(--color-primary));color:#fff}.guide-toc--design-numbered .guide-toc__list .guide-toc__sub a{font-size:.8125rem;padding-left:0}.guide-toc--design-numbered .guide-toc__list .guide-toc__sub a:before{background-color:var(--color-border);border:0;content:"";height:.5rem;margin:0 .625rem;width:.5rem}.guide-toc--design-numbered .guide-toc__list .guide-toc__sub a.is-active:before,.guide-toc--design-numbered .guide-toc__list .guide-toc__sub a.is-done:before{background-color:var(--gt-accent,var(--color-primary));content:""}.guide-toc--design-progress .guide-toc__list{border-left:0;padding-left:0;position:relative}.guide-toc--design-progress .guide-toc__list:after,.guide-toc--design-progress .guide-toc__list:before{border-radius:3px;content:"";left:0;position:absolute;top:0;width:3px}.guide-toc--design-progress .guide-toc__list:before{background-color:var(--color-border);bottom:0}.guide-toc--design-progress .guide-toc__list:after{background:linear-gradient(180deg,var(--gt-accent,var(--color-primary)),var(--color-accent));height:calc(var(--gt-progress, 0)*100%);transition:height .2s linear}.guide-toc--design-progress .guide-toc__list a{background:none;border-left:0;margin-left:0;padding-left:1.125rem}.guide-toc--design-progress .guide-toc__list a.is-done{color:var(--color-body)}.guide-toc--design-progress .guide-toc__list a.is-active{background:none;color:var(--gt-accent,var(--color-primary))}.guide-toc--design-progress .guide-toc__list .guide-toc__sub a{padding-left:2rem}@media (min-width:768px){.guide-toc--sticky .guide-toc__box{max-height:calc(100vh - var(--gt-top, 100px) - 1rem);overflow-y:auto;position:sticky;scrollbar-width:thin;top:var(--gt-top,100px)}}@media (max-width:767px){.guide-toc__box{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:.875rem}.guide-toc__title{cursor:pointer;margin:0;padding:.875rem 1rem}.guide-toc__title svg{display:block;transition:transform .2s ease}.guide-toc__box[open] .guide-toc__title svg{transform:rotate(180deg)}.guide-toc__list{margin:0 1rem 1rem}.guide-toc--phones-hide{display:none}}