.guides-page{background:var(--color-bg)}.guides-shell{max-width:1180px;margin:0 auto;padding-inline:32px}.guides-intro{padding-block:72px 56px}.guides-intro h1{letter-spacing:-1.6px;margin:0 0 20px;font-size:56px}.guides-intro p{max-width:520px;color:var(--color-ink-4);margin:0;font-size:18px;line-height:1.65}.guides-directory{padding-bottom:64px}.guides-group{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,.75fr) minmax(0,1.65fr);gap:80px;padding-block:40px;display:grid}.guides-category{letter-spacing:-.3px;max-width:250px;margin:0;font-size:22px;line-height:1.35}.guides-category:before{content:"";background:var(--color-accent);width:24px;height:2px;margin-bottom:20px;display:block}.guides-list{margin:0;padding:0;list-style:none}.guides-list>li+li{border-top:1px solid var(--color-line)}.guides-resource{border-radius:4px;justify-content:space-between;align-items:start;gap:24px;padding:20px 16px;display:flex}.guides-resource>div{min-width:0}.guides-resource h3{color:var(--color-ink-1);letter-spacing:-.4px;text-wrap:initial;margin:0 0 10px;font-size:23px;line-height:1.35}.guides-resource p{max-width:56ch;color:var(--color-ink-4);margin:0;font-size:16px;line-height:1.7}.guides-arrow{color:var(--color-accent);flex-shrink:0;font-size:24px;line-height:1.3}.guides-resource:hover,.guides-resource:focus-visible{background:var(--color-surface)}.guides-resource:hover h3,.guides-resource:focus-visible h3{color:var(--color-accent)}.guides-resource:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.guides-docs{border-left:2px solid var(--color-accent);background:var(--color-surface);margin:24px 16px 0;padding:20px 24px;font-size:14px}.guides-docs p{color:var(--color-ink-4);margin:8px 0 0}.guides-docs a{color:var(--color-accent);text-underline-offset:4px;text-decoration:underline}.guides-closing{background:var(--color-surface);border-block:1px solid var(--color-line)}.guides-closing>.guides-shell{justify-content:space-between;align-items:center;gap:32px;padding-block:48px;display:flex}.guides-closing h2{margin:0 0 10px;font-size:30px}.guides-closing p{color:var(--color-ink-4);margin:0;font-size:16px}.guides-closing .primary-action{flex-shrink:0}@media (max-width:760px){.guides-shell{padding-inline:24px}.guides-intro{padding-block:48px 40px}.guides-intro h1{font-size:44px}.guides-group{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:32px}.guides-category{max-width:none;font-size:20px}.guides-category:before{margin-bottom:14px}.guides-resource{gap:16px;padding-inline:0}.guides-resource h3{font-size:21px}.guides-docs{margin-inline:0;padding:16px 20px}.guides-directory{padding-bottom:24px}.guides-closing>.guides-shell{flex-direction:column;align-items:start;gap:24px;padding-block:40px}}