.guide-page{gap:1.5rem}.guide-page h2{margin:0 0 .4rem;font-size:1rem}.guide-page p{color:#b4b2aa;margin:0;font-size:.8rem;line-height:1.6}.guide-progress{background:#111514;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.guide-progress>div{color:#b4b2aa;gap:.5rem;min-width:14rem;font-size:.8rem;display:grid}.guide-progress b{color:#c4a76d;font-size:1.1rem}.guide-progress progress{accent-color:#c4a76d;border:0;border-radius:1rem;width:100%;height:.6rem;overflow:hidden}.guide-progress progress::-webkit-progress-bar{background:#313632}.guide-progress progress::-webkit-progress-value{background:#c4a76d}.guide-progress a{color:#c4a76d}.guide-steps{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.guide-steps li{background:#111514;border-radius:.8rem;align-items:center;gap:1rem;padding:1rem 1.25rem;scroll-margin-top:6rem;display:flex}.guide-steps li[data-state=next]{background:#1d211c;box-shadow:inset 3px 0 #c4a76d}.guide-steps li[data-state=locked]{opacity:.65}.guide-num{color:#e9e5dc;background:#313632;border-radius:50%;flex:0 0 2.2rem;place-items:center;height:2.2rem;font-weight:600;display:grid}.guide-steps li[data-state=done] .guide-num{color:#111514;background:#c4a76d}.guide-steps li[data-state=next] .guide-num{color:#111514;background:#e9e5dc}.guide-body{flex:1;gap:.25rem;display:grid}.guide-page .guide-where{color:#e9e5dc}.guide-page .guide-where b{color:#c4a76d;font-weight:500}.guide-page .guide-lock{color:#d9a46b}.guide-side{flex:none;justify-items:end;gap:.4rem;display:grid}.guide-side small{color:#b4b2aa;font-size:.7rem}.guide-steps li[data-state=done] .guide-side small{color:#c4a76d}.guide-page a:focus-visible{outline-offset:4px;outline:2px solid #c4a76d}@media (max-width:550px){.guide-steps li{flex-wrap:wrap;padding:1rem}.guide-body{flex-basis:calc(100% - 3.2rem)}.guide-side{flex-basis:100%;grid-auto-flow:column;justify-content:space-between;align-items:center}}