.guide-steps{counter-reset:step;gap:18px;margin:0;padding:0;list-style:none;display:grid}.guide-steps li{counter-increment:step;padding-left:40px;position:relative}.guide-steps li:before{background:var(--color-card);width:26px;height:26px;color:var(--color-ink);content:counter(step);border-radius:999px;place-items:center;font-size:13px;font-weight:600;display:grid;position:absolute;top:1px;left:0}.guide-steps li+li{margin-top:0}.guide-steps strong{margin-bottom:4px;display:block}.guide-steps p{margin:0}.document.guide,.document.guide .document-content{grid-template-columns:minmax(0,1fr)}.guide-shot{width:min(880px,100vw - 40px);margin:0 0 0 50%;transform:translate(-50%)}.guide-shot img{border:1px solid var(--color-rule);border-radius:12px;width:100%;height:auto;display:block}.guide-shot figcaption{color:var(--color-faint);text-align:center;margin-top:12px;font-size:13px;line-height:1.5}.guide-examples{gap:12px;display:grid}.guide-example{background:var(--color-float);border-radius:12px;gap:8px;padding:16px 18px;display:grid}.guide-example p{grid-template-columns:52px 1fr;align-items:baseline;display:grid}.guide-example span{color:var(--color-faint);font-size:13px}.guide-example p:last-child{color:var(--color-ink)}.guide-download{background:var(--color-float);text-align:center;border-radius:16px;justify-items:center;margin-top:64px;padding:32px 24px;display:grid}.guide-download-title{color:var(--color-ink);text-wrap:balance;margin:0;font-size:18px;font-weight:600}.guide-download-body{max-width:420px;color:var(--color-muted);margin:8px 0 20px;font-size:15px;line-height:1.6}.guide-more{margin-top:56px}.guide-more h2{color:var(--color-ink);margin:0 0 12px;font-size:18px;font-weight:600}.guide-more ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.guide-more a{color:var(--color-body);text-underline-offset:4px;font-size:15px;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.guide-more a:hover{color:var(--color-ink);text-decoration-color:currentColor}.guide-index{gap:12px;margin:56px 0 0;padding:0;list-style:none;display:grid}.guide-index a{background:var(--color-float);border-radius:14px;gap:6px;padding:20px 22px;transition:background-color .15s cubic-bezier(.4,0,.2,1);display:grid}.guide-index a:hover{background:var(--color-card)}.guide-index a:focus-visible,.guide-more a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:6px}.guide-index-title{color:var(--color-ink);font-size:17px;font-weight:600}.guide-index-summary{color:var(--color-muted);font-size:15px;line-height:1.5}