.guide-body{background:#f5f7fb}
.guide-header{max-width:1200px;padding:28px 28px 22px}
.guide-brand{display:inline-flex;align-items:center;gap:10px;color:#233451;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.4px}
.guide-mark{display:grid;place-items:center;width:30px;height:30px;background:#315af1;color:white;border-radius:9px;font-size:18px}
.guide-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;max-width:1200px;margin:12px auto 0;padding:0 28px}
.guide-nav{position:sticky;top:28px;align-self:start;padding:18px 0;display:flex;flex-direction:column;gap:5px}
.guide-nav .eyebrow{margin:0 12px 14px;color:#8793a8;letter-spacing:1.3px;font-size:9px}
.guide-nav a{color:#65738c;text-decoration:none;padding:11px 12px;border-radius:8px;font-size:12px;line-height:1.5}
.guide-nav a:hover,.guide-nav a:focus-visible{background:#eaf0ff;color:#315af1}
.guide-article{min-width:0;padding:36px 40px;font-size:14px;line-height:1.8;color:#465671}
.guide-article h1{color:#1d2b44;font-size:32px;letter-spacing:-1px;margin:0 0 12px;line-height:1.25}
.guide-article h2{font-size:21px;line-height:1.45;letter-spacing:-.4px;margin:38px 0 18px;padding-top:28px;border-top:1px solid #e8edf5;scroll-margin-top:24px}
.guide-article h2 a{color:#253b61;text-decoration:none}
.guide-article h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.guide-article p{line-height:1.8;margin:14px 0}
.guide-article ul,.guide-article ol{padding-left:23px;margin:14px 0}
.guide-article li{padding-left:3px;margin:8px 0}
.guide-article strong{font-weight:650;color:#30435f}
.guide-article a{color:#315af1;text-underline-offset:3px;overflow-wrap:anywhere}
.guide-article code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:.88em;background:#eff3fa;color:#3e5382;padding:3px 5px;border-radius:4px;overflow-wrap:anywhere}
.guide-code{overflow:hidden;border:1px solid #243554;border-radius:10px;background:#142139;margin:20px 0 24px}
.guide-code-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid #ffffff14;color:#9cacc8;font-size:10px;font-weight:600;letter-spacing:.6px}
.guide-copy{border:1px solid #ffffff24;border-radius:5px;padding:5px 9px;background:#ffffff08;color:#d2def3;font-size:10px;font-weight:500;letter-spacing:0;white-space:nowrap}
.guide-copy:hover{background:#ffffff14;color:white}
.guide-article pre{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;background:#142139;color:#dce6fa;border-radius:9px;padding:19px 18px;margin:20px 0 24px;line-height:1.75;tab-size:2}
.guide-code pre{margin:0;border-radius:0}
.guide-article pre code{display:block;min-width:max-content;background:none;color:inherit;padding:0;border-radius:0;overflow-wrap:normal;font-size:12px}
.guide-article>p:last-child{margin-top:30px;color:#8996aa;font-size:12px}
.guide-footer{max-width:1200px;margin:0 auto;padding:28px 28px 40px}
.guide-footer a{color:#7d8da8;text-decoration:none;font-size:11px}
.guide-footer a:hover{color:#315af1}
.guide-skip{position:fixed;top:8px;left:8px;z-index:10;transform:translateY(-160%);background:white;padding:9px 14px;border:1px solid #315af1;border-radius:7px;color:#315af1}
.guide-skip:focus{transform:none}
@media(max-width:900px){.guide-layout{grid-template-columns:165px minmax(0,1fr);gap:18px}.guide-article{padding:30px 26px}.guide-nav a{font-size:11px}}
@media(max-width:700px){.guide-header{padding:22px 18px 14px}.guide-brand{font-size:16px}.guide-layout{display:block;padding:0 18px;margin-top:0}.guide-nav{position:static;padding:10px 0 18px;flex-direction:row;flex-wrap:wrap;gap:7px}.guide-nav .eyebrow{display:none}.guide-nav a{padding:7px 10px;background:#eaf0fb;color:#526b9c;border-radius:6px;font-size:10px}.guide-article{padding:25px 20px;font-size:13px;border-radius:13px}.guide-article h1{font-size:27px}.guide-article h2{font-size:19px;margin-top:30px;padding-top:24px}.guide-article pre{padding:15px 13px}.guide-article pre code{font-size:11px}.guide-code-bar{padding:8px 11px}.guide-footer{padding:25px 18px 32px}}