.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.guide-page{background:var(--bg)}.guide-page .guide-header{max-width:1440px;margin:0 auto;padding:32px 7.1%;border-bottom:1px solid var(--line)}.guide-page .header nav{gap:29px}.guide-shell{width:85.8%;max-width:1236px;margin:0 auto}.guide-intro{padding:77px 0 72px;border-bottom:1px solid var(--line)}.guide-intro .eyebrow{color:var(--cyan);font-size:10px;letter-spacing:1.5px}.guide-intro h1{font-size:clamp(48px,5.4vw,76px);font-weight:500;line-height:1.1;letter-spacing:-.06em;margin-top:23px}.guide-intro>p:last-child{font-size:16px;color:#a6b4c6;line-height:1.8;margin-top:24px;max-width:580px}.guide-layout{display:grid;grid-template-columns:180px minmax(0,790px);gap:95px;padding:68px 0 100px;align-items:start}.guide-sidebar{position:sticky;top:32px}.guide-sidebar>.eyebrow{font-size:9px;color:#8397ae;letter-spacing:1.3px;margin-bottom:21px}.guide-sidebar nav{display:flex;flex-direction:column;gap:4px}.guide-sidebar nav a{display:flex;align-items:center;gap:17px;padding:10px 0;color:#8d9fb7;font-size:12px;line-height:1.5;transition:color 150ms}.guide-sidebar nav a>span{font-family:var(--mono);font-size:9px;color:#60768f}.guide-sidebar nav a:hover,.guide-sidebar nav a[aria-current=location]{color:var(--cyan)}.guide-sidebar nav a[aria-current=location]>span{color:var(--cyan)}.guide-home-link{display:inline-flex;gap:10px;color:#7489a3;font-size:10px;margin-top:37px;padding:7px 0}.guide-home-link:hover{color:var(--pink)}.guide-content{min-width:0}.guide-section{scroll-margin-top:38px;padding-bottom:63px;margin-bottom:62px;border-bottom:1px solid var(--line)}.guide-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.guide-section-number{font-size:10px;color:var(--pink);letter-spacing:1px;margin-bottom:15px}.guide-section h2{font-size:36px;letter-spacing:-1.6px;margin-bottom:23px}.guide-section h3{font-size:19px;letter-spacing:-.5px;font-weight:500;line-height:1.4;margin:36px 0 15px}.guide-section p{font-size:14px;line-height:1.95;color:#a4b2c6;margin-top:19px;max-width:740px}.guide-section p.guide-section-number{margin-top:0;color:var(--pink);font-size:10px;line-height:1.6}.guide-section p.guide-lead{font-size:15px;color:#c7d2e1;line-height:1.9}.guide-section a{color:var(--cyan)}.guide-section a:hover{text-decoration:underline;text-underline-offset:4px}.guide-section code{font-family:var(--mono);font-size:.9em;color:#b5d4e2;overflow-wrap:anywhere}.guide-section p.guide-note{font-size:12px;color:#8296af;line-height:1.95;margin-top:23px}.guide-code{display:flex;align-items:flex-start;gap:15px;margin:26px 0;background:#0d1724;border:1px solid #91b4cd25;border-radius:4px;padding:20px 18px 20px 22px}.guide-code pre{margin:0;flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:2}.guide-code pre code{font-size:12px;line-height:2;color:#d5e3ee;white-space:pre-wrap;overflow-wrap:anywhere}.guide-copy{background:none;color:#9db3cb;border-left:1px solid var(--line);font-family:var(--mono);font-size:10px;line-height:20px;padding:4px 0 4px 15px;min-width:48px}.guide-copy:hover{color:var(--pink)}.guide-copy[data-copied=true]{color:var(--cyan)}.guide-rows{margin:28px 0 0}.guide-rows>div{display:grid;grid-template-columns:minmax(135px,.7fr) minmax(0,1.7fr);gap:26px;padding:20px 0;border-top:1px solid var(--line)}.guide-rows>div:last-child{border-bottom:1px solid var(--line)}.guide-rows dt{font-size:13px;color:#d3dce9;line-height:1.8}.guide-rows dd{margin:0;font-size:13px;line-height:1.9;color:#94a6be}.guide-rows dt code{font-size:11px;color:#afd5e4}.guide-table-wrap{margin-top:28px}.guide-table{border-collapse:collapse;width:100%;text-align:left}.guide-table th{font-size:10px;letter-spacing:1px;font-family:var(--mono);font-weight:400;color:#7f93ac;padding:0 0 15px}.guide-table td{border-top:1px solid var(--line);font-size:12px;line-height:1.9;color:#9bacc2;padding:15px 0;vertical-align:top}.guide-table td:first-child{width:45%;padding-right:23px}.guide-table tr:last-child td{border-bottom:1px solid var(--line)}kbd{font-family:var(--mono);display:inline-block;min-width:23px;padding:1px 5px;border:1px solid #8eaccf32;border-radius:3px;font-size:10px;line-height:1.7;color:#bbd3e4;text-align:center;margin:2px 1px;background:#101b28}.guide-request{margin-top:30px;padding:4px 0 4px 22px;border-left:1px solid #d8a3c95c}.guide-request>.eyebrow{font-size:8px;color:var(--pink);letter-spacing:1.2px}.guide-request blockquote{font-size:21px;line-height:1.7;letter-spacing:-.45px;color:#d2deed;margin:14px 0 0;max-width:620px}.guide-page .footer{max-width:1440px}.guide-page .footer>div{font-size:11px}
@media(max-width:1100px){.guide-layout{grid-template-columns:155px minmax(0,1fr);gap:48px}.guide-rows>div{grid-template-columns:1fr;gap:7px}.guide-page .header nav{gap:24px}.guide-code{padding:17px 14px 17px 17px}}
@media(max-width:760px){.guide-page .guide-header{padding:26px 7%;gap:15px}.guide-page .header nav{gap:22px;font-size:11px}.guide-shell{width:86%}.guide-intro{padding:52px 0 38px}.guide-intro .eyebrow{font-size:9px}.guide-intro h1{font-size:46px;letter-spacing:-2.5px;line-height:1.12;margin-top:21px}.guide-intro>p:last-child{font-size:14px;line-height:1.9;margin-top:21px}.guide-layout{display:block;padding:29px 0 65px}.guide-sidebar{position:static;padding-bottom:30px;margin-bottom:39px;border-bottom:1px solid var(--line)}.guide-sidebar>.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:13px}.guide-sidebar nav{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:0}.guide-sidebar nav a{gap:11px;font-size:11px;padding:9px 0}.guide-sidebar nav a>span{font-size:8px}.guide-home-link{display:none}.guide-section{padding-bottom:40px;margin-bottom:40px;scroll-margin-top:28px}.guide-section h2{font-size:29px;letter-spacing:-1.2px;margin-bottom:18px}.guide-section h3{font-size:18px;margin-top:29px}.guide-section p{font-size:13px;line-height:1.95;margin-top:17px}.guide-section p.guide-lead{font-size:14px}.guide-section p.guide-note{font-size:11px}.guide-code{gap:12px;margin:23px 0;padding:15px 12px 15px 15px}.guide-code pre code{font-size:10px;line-height:2}.guide-copy{font-size:9px;min-width:39px;padding-left:10px}.guide-rows{margin-top:23px}.guide-rows>div{gap:7px;padding:17px 0}.guide-rows dt{font-size:12px}.guide-rows dd{font-size:12px}.guide-rows dt code{font-size:10px;line-height:1.9}.guide-table th{font-size:9px}.guide-table td{font-size:11px;padding:14px 0}.guide-table td:first-child{width:47%;padding-right:14px}kbd{font-size:9px;min-width:20px;padding:1px 4px}.guide-request{padding-left:16px}.guide-request blockquote{font-size:18px;line-height:1.8}.guide-page .footer>div{font-size:10px}}
@media(max-width:360px){.guide-intro h1{font-size:41px;letter-spacing:-2px}.guide-page .header nav{gap:16px}.guide-code{gap:8px;padding-left:12px;padding-right:9px}.guide-code pre code{font-size:9px}.guide-copy{min-width:34px;font-size:8px;padding-left:8px}.guide-sidebar nav a{font-size:10px}}