.guide{flex-direction:column;min-height:100%;display:flex}.guide-main{width:100%;max-width:1024px;padding:var(--space-3xl,3rem) var(--gutter,1.5rem) 4rem;margin-inline:auto}.guide-kicker{font-size:var(--text-sm,.875rem);color:var(--text-muted);margin:0 0 .75rem}.guide-main>h1{max-width:22ch;margin-bottom:1rem}.guide-answer{font-size:var(--text-lead,1.125rem);max-width:52ch;color:var(--text-lede,var(--text));margin:0 0 2rem;line-height:1.45}.guide-prose,.guide-article-section{flex-direction:column;gap:1.25rem;display:flex}.guide-article-section h2{scroll-margin-top:2rem}.guide-article-section blockquote{border-left:3px solid var(--border);color:var(--text-lede);margin:0;padding-left:1.25rem}.guide-sample-figure{flex-direction:column;gap:.5rem;max-width:34rem;margin:0;display:flex}.guide-sample-figure img{border:1px solid var(--border);border-radius:.5rem;width:100%;height:auto;box-shadow:0 2px 12px #0f172a14}.guide-prose h2{max-width:28ch;font-size:var(--text-section,1.5rem);margin-top:1.5rem}.guide-prose h3{font-size:var(--text-title,1.125rem);margin-top:.5rem}.guide-prose p,.guide-prose li{max-width:65ch;color:var(--text-lede,var(--text))}.guide-prose ul,.guide-prose ol,.guide-article-section ul,.guide-article-section ol{flex-direction:column;gap:.5rem;margin:0;padding-left:1.25rem;list-style:outside;display:flex}.guide-article-section ol{list-style:decimal}.guide-prose a{text-decoration:underline}.guide-cta{border-top:1px solid var(--border);flex-wrap:wrap;gap:.75rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.guide-nav{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1.5rem}.guide-nav h2{font-size:var(--text-title,1.125rem);max-width:none;margin:0 0 .75rem}.guide-nav a{text-underline-offset:.16em;text-decoration:underline}.guide-nav .guide-index{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem 1.5rem;display:grid}.guide-nav .guide-index li{padding-bottom:.75rem}.guide-nav .guide-index h2{font-size:var(--text-body,1rem);margin:0}.guide-nav-more{margin:1rem 0 0}.guide-index{flex-direction:column;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.guide-index li{border-bottom:1px solid var(--border);grid-template-columns:96px minmax(0,1fr);align-items:start;gap:1.25rem;padding-bottom:1.25rem;display:grid}.guide-index h2{font-size:var(--text-title,1.125rem);max-width:none;margin:0 0 .35rem}.guide-index h2 a{text-decoration:none}.guide-index h2 a:hover{text-decoration:underline}.guide-index p{max-width:55ch;color:var(--text-lede,var(--text));font-size:var(--text-sm,.875rem);margin:0}.guide-heading{margin-bottom:2rem}.guide-heading h1{max-width:22ch;margin:0 0 1rem}.guide-intro{grid-template-columns:minmax(0,1fr) 160px;align-items:start;gap:1.5rem;display:grid}.guide-intro>.guide-answer{grid-area:1/1;margin:0}.guide-intro>.guide-illustration{grid-area:1/2}.guide-illustration{width:160px;height:160px;overflow:hidden}.guide-illustration--thumbnail{width:96px;height:96px}.guide-illustration--thumbnail>div{transform-origin:0 0;transform:scale(.6)}@media (max-width:520px){.guide-intro{display:flow-root}.guide-heading h1{max-width:none}.guide-intro>.guide-illustration{float:right;width:96px;height:96px;margin:0 0 .75rem 1rem}.guide-intro>.guide-illustration>div{transform-origin:0 0;transform:scale(.6)}.guide-index li{grid-template-columns:72px minmax(0,1fr);gap:1rem}.guide-illustration--thumbnail{width:72px;height:72px}.guide-illustration--thumbnail>div{transform:scale(.45)}}
