.guideHero{padding-bottom:45px}.guideLayout{grid-template-columns:210px minmax(0,780px);gap:64px;max-width:1180px;margin:0 auto;padding:0 32px 96px;display:grid}.guideNav{flex-direction:column;align-self:start;gap:6px;display:flex;position:sticky;top:110px}.guideNav a{color:#35594a;border-left:2px solid #cbd8ce;padding:10px 12px;font-size:14px;text-decoration:none}.guideNav a:hover,.guideNav a:focus-visible{background:#e4eee5;border-color:#276a53}.guideContent{min-width:0}.guideContent section{border-bottom:1px solid #cfdbd1;margin-bottom:48px;padding:0 0 50px;scroll-margin-top:110px}.guideContent h2{letter-spacing:-.025em;margin:0 0 22px;font-size:clamp(26px,3vw,36px);line-height:1.2}.guideContent h3{margin:28px 0 12px;font-size:20px}.guideContent p{color:#3a5348;margin:14px 0;font-size:16px;line-height:1.8}.guideContent a{color:#1d634e;text-underline-offset:4px}.guideContent code{overflow-wrap:anywhere;font-size:.88em}.guideNote{background:#e4eee5;border-left:3px solid #38785d;border-radius:0 8px 8px 0;margin:24px 0;padding:22px 24px}.guideNote p{margin-bottom:0}.guidePlatform{gap:10px;font-weight:600;display:grid}.guidePlatform select{color:#19392a;max-width:360px;font:inherit;background:#fff;border:1px solid #acbfb0;border-radius:8px;padding:14px}.guideCode{color:#e1f5eb;background:#111d20;border-radius:12px;margin:20px 0;overflow:hidden}.guideCodeActions{border-bottom:1px solid #304139;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:flex}.guideCodeActions button{color:#e1f5eb;cursor:pointer;font:inherit;background:#253e33;border:1px solid #476454;border-radius:6px;padding:8px 12px}.guideCode pre{margin:0;padding:20px;font-size:14px;line-height:1.7;overflow-x:auto}.guideCode code{overflow-wrap:normal}.guideLinks{flex-wrap:wrap;gap:18px;margin-bottom:24px;font-size:14px;display:flex}.guideContent summary{cursor:pointer;padding:16px 0;font-weight:600}.guideContent blockquote{background:#fff;border:1px solid #cbd8ce;border-radius:8px;margin:22px 0;padding:22px;line-height:1.8}@media (max-width:850px){.guideLayout{grid-template-columns:1fr;gap:30px;padding:0 22px 60px}.guideNav{flex-flow:wrap;position:static}.guideNav a{border-bottom:2px solid #cbd8ce;border-left:0}.guideContent section{margin-bottom:30px;padding-bottom:30px}}