.guides{background:var(--paper);padding:calc(var(--nav-height) + 48px) 20px 80px}.guides-index{max-width:720px;margin-inline:auto}.guides-index h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 16px;font-size:clamp(2rem,4vw,2.75rem);line-height:1.1}.guides-lede{color:var(--ink-soft);max-width:62ch;margin:0 0 40px;font-size:1.0625rem}.guides-index ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.guides-index li{border-bottom:1px solid var(--line);gap:6px;padding:24px 0;display:grid}.guides-index li a{letter-spacing:-.01em;font-size:1.25rem;font-weight:600;line-height:1.3}.guides-index li a:hover{color:var(--accent)}.guides-index li p{color:var(--ink-soft);max-width:62ch;margin:0}.guide{color:var(--ink);max-width:68ch;margin-inline:auto;font-size:1.0625rem;line-height:1.7}.guide h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 20px;font-size:clamp(2rem,4.2vw,2.75rem);line-height:1.1}.guide h2{letter-spacing:-.01em;scroll-margin-top:calc(var(--nav-height) + 24px);text-wrap:balance;margin:56px 0 14px;font-size:1.5rem;line-height:1.25}.guide h3{scroll-margin-top:calc(var(--nav-height) + 24px);margin:36px 0 10px;font-size:1.1875rem;line-height:1.3}.guide p,.guide ul,.guide ol{margin:0 0 18px}.guide ul,.guide ol{padding-left:1.3em}.guide li{margin:6px 0}.guide li::marker{color:var(--ink-muted)}.guide strong{font-weight:600}.guide .guide-byline{color:var(--ink-soft);margin:-6px 0 28px;font-size:.9375rem}.guide a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent-tint);text-decoration-color:var(--accent-tint);text-underline-offset:3px;text-decoration-thickness:1.5px}.guide a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.guide blockquote{border-left:2px solid var(--line-strong);color:var(--ink-soft);margin:0 0 18px;padding-left:16px}.guide :not(pre)>code{background:var(--surface-sunk);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.guide-table{margin:8px 0 24px;overflow-x:auto}.guide table{border-collapse:collapse;min-width:100%;font-size:.9375rem;line-height:1.5}.guide th,.guide td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 14px 10px 0}.guide th:first-child,.guide td:first-child{min-width:9.5rem}.guide th{border-bottom-color:var(--line-strong);color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.guide-code{--sh-identifier:#adbac7;--sh-keyword:#f47067;--sh-string:#96d0ff;--sh-entity:#dcbdfb;--sh-property:#6cb6ff;--sh-class:#f69d50;--sh-jsxliterals:#adbac7;--sh-sign:#adbac7b3;--sh-comment:#768390;border-radius:var(--radius-md);color:#adbac7;tab-size:4;background:#22272e;margin:8px 0 24px;padding:18px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.7;overflow-x:auto}.guide-code .sh__token--comment{font-style:italic}@media (min-width:720px){.guides{padding-inline:32px}}