.guide{padding-block:120px}.guide-crumbs{max-width:880px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0 auto 24px;font-size:14px;display:flex}.guide-crumbs a{text-underline-offset:4px;align-items:center;min-height:44px;display:inline-flex}.guide-crumbs a:hover{color:var(--foreground);text-decoration:underline}.guide-paper{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);max-width:880px;margin-inline:auto;padding:clamp(28px,6vw,80px) clamp(20px,7vw,96px)}.guide-head{gap:16px;display:grid}.guide-label{color:var(--muted)}.guide-label:before{content:"";background:var(--copper);border-radius:50%;width:6px;height:6px;margin-right:10px}.guide-head h1{font-family:var(--font-bricolage), var(--font-body);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.2rem,1.4rem + 3vw,3.6rem);font-weight:600;line-height:1}.guide-lede{max-width:56ch;color:var(--muted);font-size:clamp(1.05rem,1rem + .35vw,1.25rem);line-height:1.5}.guide-example{border-left:2px solid var(--copper);max-width:60ch;margin-top:4px;padding-left:16px;font-size:17px;line-height:1.6}.guide-scope{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.guide-scope li{border-top:1px solid var(--line);gap:4px;padding:16px 0;display:grid}.guide-scope h3{font:500 16px/1.4 var(--font-body)}.guide-scope p{color:var(--muted);font-size:15px;line-height:1.55}.guide-gains{border-top:1px solid var(--line);margin-top:24px;padding-top:40px}.guide-gains .guide-when li{color:var(--foreground)}.guide-cta-copy{max-width:58ch;margin-top:8px;font-size:17px;line-height:1.6}.guide-gains .button-row{gap:24px;margin-top:8px}.guide-art{border-radius:var(--radius);background:var(--bg-soft);color:var(--muted);margin:40px 0 8px;padding:24px}.guide-art .category-art{width:100%;height:auto;max-height:320px;display:block}.guide-section{gap:14px;padding-top:48px;display:grid}.guide-section h2{font:400 clamp(1.4rem, 1.1rem + .9vw, 1.8rem)/1.2 var(--font-body);letter-spacing:-.03em}.guide-section>p{max-width:62ch;color:var(--muted);font-size:17px;line-height:1.65}.guide-steps{margin:0;padding:0;list-style:none;display:grid}.guide-steps li{border-top:1px solid var(--line);grid-template-columns:40px 1fr;gap:12px;padding:16px 0;display:grid}.guide-steps li:last-child{border-bottom:1px solid var(--line)}.guide-steps span{font:12px/1.9 var(--font-mono);color:var(--dim)}.guide-steps p{font-size:16px;line-height:1.6}.guide-section>.guide-note{font-size:15px}.guide-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:8px 0 0;padding:0;list-style:none;display:grid}.guide-items li{border-top:1px solid var(--line);align-content:start;gap:4px;padding:16px 0;display:grid}.guide-items h3{font:500 16px/1.4 var(--font-body);letter-spacing:-.01em}.guide-items p{color:var(--muted);font-size:15px;line-height:1.55}.guide-when{gap:10px;margin:0;padding:0;list-style:none;display:grid}.guide-when li{color:var(--muted);padding-left:22px;font-size:16px;line-height:1.6;position:relative}.guide-when li:before{content:"";background:var(--line-strong);width:8px;height:1px;position:absolute;top:.8em;left:2px}.guide-cases{gap:8px;margin:0;padding:0;list-style:none;display:grid}.guide-cta{border-top:1px solid var(--line);gap:20px;margin-top:56px;padding-top:32px;display:grid}.guide-cta p{max-width:58ch;font-size:17px;line-height:1.6}.guide-cta .button-row{gap:24px}.guide-more{gap:12px;max-width:880px;margin:56px auto 0;display:grid}.guide-next{font:400 clamp(1.4rem, 1.1rem + 1vw, 1.9rem)/1.2 var(--font-body);letter-spacing:-.03em;-webkit-text-decoration:underline 1px var(--line-strong);text-decoration:underline 1px var(--line-strong);text-underline-offset:6px;justify-self:start}.guide-next:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.guide-more ul{flex-wrap:wrap;gap:4px 20px;margin:12px 0 0;padding:0;list-style:none;display:flex}.guide-more ul a{min-height:44px;color:var(--muted);text-underline-offset:4px;align-items:center;font-size:14px;display:inline-flex}.guide-more ul a:hover{color:var(--foreground);text-decoration:underline}@media (max-width:700px){.guide{padding-block:40px 72px}.guide-items,.guide-scope{grid-template-columns:1fr}.guide-crumbs{row-gap:0;margin-bottom:12px}.guide-paper{padding:28px 20px}.guide-art{margin-top:28px;padding:12px}}
