.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:14px;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-radius:0;width:100%;height:auto;display:block}.guide-shot figcaption{color:var(--color-muted);text-align:center;margin-top:12px;font-size:14px;line-height:1.5}.guide-examples{gap:12px;display:grid}.guide-example{background:var(--color-float);border-radius:0;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-muted);font-size:14px}.guide-example p:last-child{color:var(--color-ink)}.guide-start-box{background:var(--color-float);text-align:center;border-radius:0;justify-items:center;margin-top:64px;padding:32px 24px;display:grid}.guide-start-title{color:var(--color-ink);text-wrap:balance;margin:0;font-size:18px;font-weight:600}.guide-start-body{max-width:420px;color:var(--color-muted);margin:8px 0 20px;font-size:15px;line-height:1.6}.guide-start{background:var(--color-ink);height:48px;color:var(--color-on-ink);border-radius:999px;align-items:center;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.guide-start:hover{opacity:.9}.guide-start:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.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 #00000040;text-decoration:underline #00000040}.guide-more a:hover{color:var(--color-ink);text-decoration-color:currentColor}.guide-index{gap:12px;margin:0;padding:0;list-style:none;display:grid}.guide-index a{background:var(--color-float);border-radius:0;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:0}.guide-index-title{color:var(--color-ink);font-size:16px;font-weight:600}.guide-index-summary{color:var(--color-muted);font-size:15px;line-height:1.5}.guides-page .card-page-column>h1{font-size:clamp(30px,4vw,38px);line-height:1.18}.guides-page .card-page-description{font-size:16px}.guide-meta{color:var(--color-muted);flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:20px 0 0;font-size:14px;display:flex}.guide-meta a{text-underline-offset:3px;text-decoration:underline}.guide-categories{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px;display:flex}.guide-categories a{background:var(--color-float);color:var(--color-ink);border-radius:999px;padding:10px 14px;font-size:14px;text-decoration:none}.guide-category{margin-top:44px;scroll-margin-top:28px}.guide-category h2{margin:0 0 16px;font-size:20px;font-weight:600}.guide-table-wrap{max-width:100%;overflow-x:auto}.guide-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px;line-height:1.55}.guide-table th,.guide-table td{vertical-align:top;min-width:105px;padding:14px 12px}.guide-table th{color:var(--color-ink);font-weight:600}.guide-table thead,.guide-table tbody tr:nth-child(2n){background:var(--color-float)}.guide-prompt,.guide-code{background:var(--color-float);margin:0;padding:20px;font-size:15px;line-height:1.7}.guide-code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.guide .document-content code{overflow-wrap:anywhere;font-size:14px}.guide-shot a{display:block}.guide-skeleton{background:var(--color-float);min-height:60vh}.guide-categories a:focus-visible,.guide-table-wrap:focus-visible,.guide-shot a:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}