.guide-demo[data-astro-cid-g4xjjdb3]{margin:24px 0 0}.guide-demo-frame[data-astro-cid-g4xjjdb3]{background:#d3d9e4 var(--demo-wallpaper) center/cover;border-radius:17px;padding:14px}.guide-demo-frame[data-astro-cid-g4xjjdb3] video{aspect-ratio:8/5;background:#101113;border-radius:8px;width:100%;display:block}figcaption[data-astro-cid-g4xjjdb3]{color:#67738a;gap:6px;margin:13px 2px 0;font-size:12px;line-height:1.7;display:grid}figcaption[data-astro-cid-g4xjjdb3] span[data-astro-cid-g4xjjdb3]{font-size:10px}@media (width<=639px){.guide-demo-frame[data-astro-cid-g4xjjdb3]{padding:10px}}.guide-page{--guide-line:var(--home-line,#e1e6f2);--guide-muted:var(--home-muted,#46516b);--guide-blue:var(--brand-blue,#0755ff);padding:35px 32px 80px}.guide-shell{grid-template-columns:210px minmax(0,760px) 160px;align-items:start;gap:44px;max-width:1260px;margin:0 auto;display:grid}.guide-sidebar{scrollbar-width:thin;scrollbar-color:#dce3f1 transparent;align-self:start;max-height:calc(100svh - 132px);padding:7px 12px 12px 0;position:sticky;top:108px;overflow-y:auto}.guide-sidebar>summary{display:none}.guide-home{letter-spacing:-.025em;color:var(--brand-ink,#080d16);align-items:center;gap:9px;margin-bottom:28px;font-size:14px;font-weight:600;display:flex}.guide-home svg{color:var(--guide-blue)}.guide-nav-label{color:#67738a;margin:0 0 11px;padding-left:10px;font-size:11px;font-weight:500;line-height:1.5}.guide-products{gap:3px;display:grid}.guide-products a{color:var(--guide-muted);border-radius:9px;align-items:center;gap:9px;padding:10px;font-size:12px;line-height:1.5;transition:background .18s,color .18s;display:flex}.guide-products a[aria-current=page]{color:var(--guide-blue);background:#edf2ff;font-weight:500}.guide-products a:hover,.guide-sections button:hover{color:var(--guide-blue);background:#f3f6fc}.guide-contents-label{margin-top:28px}.guide-sections{border-left:1px solid var(--guide-line);gap:2px;margin-left:10px;padding-left:11px;display:grid}.guide-sections button{text-align:left;color:var(--guide-muted);background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:12px;line-height:1.5;transition:color .18s,background .18s;position:relative}.guide-sections button[aria-current=true]{color:var(--guide-blue);background:#f3f6ff;font-weight:500}.guide-sections button[aria-current=true]:before{content:"";background:var(--guide-blue);border-radius:3px;width:3px;position:absolute;inset:-1px auto -1px -13px}.guide-shortcuts{border-top:1px solid var(--guide-line);color:var(--guide-muted);justify-content:space-between;align-items:center;gap:8px;margin:26px 10px 0;padding-top:18px;font-size:12px;display:flex}.guide-reading{min-width:0}.guide-header{border-bottom:1px solid var(--guide-line);margin-bottom:30px;padding:5px 0 30px;scroll-margin-top:105px}.guide-breadcrumb{color:#67738a;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;font-size:12px;display:flex}.guide-breadcrumb a{color:var(--guide-muted)}.guide-breadcrumb a:hover{color:var(--guide-blue)}.guide-header h1{letter-spacing:-.045em;text-wrap:balance;color:var(--brand-ink,#080d16);margin:0 0 20px;font-size:clamp(32px,3.2vw,44px);font-weight:600;line-height:1.12}.guide-lede{color:var(--guide-muted);margin:0;font-size:17px;line-height:1.75}.guide-header-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;font-size:12px;display:flex}.guide-header-bottom>span,.guide-header-bottom>a{align-items:center;gap:7px;display:inline-flex}.guide-header-bottom>span{color:#67738a}.guide-header-bottom>a{color:var(--guide-blue);font-weight:500}.guide-panels>article{min-width:0;scroll-margin-top:110px}.guide-media .product-frame{border-radius:18px;margin:0;padding:clamp(18px,3vw,32px)}.guide-media .product-frame>img{border-radius:7px;box-shadow:0 12px 30px #1b194d30}.guide-media .mac-frame{border-radius:18px;padding:clamp(18px,3vw,32px)}.guide-media .mac-frame>img{border-radius:7px}.guide-media-caption{color:#67738a;justify-content:space-between;align-items:flex-start;gap:15px;margin:12px 2px 0;font-size:12px;line-height:1.7;display:flex}.guide-media-caption p{margin:0}.guide-media-caption a{color:var(--guide-blue);flex-shrink:0;align-items:center;gap:5px;font-size:11px;display:inline-flex}.guide-page h2{letter-spacing:-.035em;margin:0 0 18px;font-size:28px;font-weight:600;line-height:1.2}.guide-start{margin-top:38px;scroll-margin-top:110px}.guide-start>p{color:var(--guide-muted);margin:0;font-size:16px;line-height:1.8}.guide-benefits{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.guide-benefits li{color:var(--guide-muted);align-items:center;gap:11px;font-size:14px;display:flex}.guide-benefits svg{color:var(--guide-blue);flex-shrink:0}.guide-topics{margin-top:44px;scroll-margin-top:110px}.guide-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.guide-topic-grid>a{border:1px solid var(--guide-line);background:#fff;border-radius:13px;align-items:flex-start;gap:13px;padding:21px 17px;transition:border-color .2s,background .2s;display:flex}.guide-topic-grid>a:hover{background:#fafbff;border-color:#b7caff}.guide-topic-number{color:var(--guide-blue);font-variant-numeric:tabular-nums;font-size:10px;line-height:24px}.guide-topic-grid h3{letter-spacing:-.025em;margin:0 0 6px;font-size:15px;font-weight:500;line-height:1.5}.guide-topic-grid p{color:var(--guide-muted);margin:0;font-size:12px;line-height:1.6}.guide-topic-grid>a>svg{color:#7d8aa3;flex-shrink:0;margin-top:3px;margin-left:auto}.guide-next{border-top:1px solid var(--guide-line);color:var(--guide-blue);justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:24px 0 0;display:flex}.guide-next>span{color:#67738a;gap:6px;font-size:12px;display:grid}.guide-next strong{color:var(--guide-blue);font-size:15px;font-weight:500}.guide-chapter{color:#67738a;gap:10px;margin:0 0 12px;font-size:12px;display:flex}.guide-group{margin-top:32px;scroll-margin-top:110px}.guide-group>h3{letter-spacing:-.025em;border-bottom:1px solid var(--guide-line);margin:0 0 21px;padding-bottom:16px;font-size:21px;font-weight:500;line-height:1.35}.guide-group-first{margin-top:27px}.guide-item+.guide-item{margin-top:30px}.guide-item :is(h3,h4){letter-spacing:-.015em;margin:0 0 9px;font-size:16px;font-weight:600;line-height:1.5}.guide-item p{color:var(--guide-muted);overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.85}.guide-item ol{counter-reset:steps;background:#f8faff;border:1px solid #e6ebf6;border-radius:12px;margin:16px 0 0;padding:18px 20px;list-style:none}.guide-item li{counter-increment:steps;color:var(--guide-muted);overflow-wrap:anywhere;padding-left:30px;font-size:14px;line-height:1.8;position:relative}.guide-item li+li{margin-top:12px}.guide-item li:before{content:counter(steps);text-align:center;color:#687792;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #dee5f4;border-radius:6px;width:20px;height:20px;font-size:10px;font-weight:500;line-height:18px;position:absolute;top:2px;left:0}.guide-pagination{border-top:1px solid var(--guide-line);grid-template-columns:1fr 1fr;gap:14px;margin-top:46px;padding-top:26px;display:grid}.guide-pagination a{border:1px solid var(--guide-line);border-radius:12px;gap:8px;padding:18px;transition:border-color .2s;display:grid}.guide-pagination a:hover{border-color:#b7caff}.guide-pagination span{color:#67738a;align-items:center;gap:8px;font-size:11px;display:flex}.guide-pagination a:last-child{text-align:right;justify-items:end}.guide-pagination strong{color:var(--guide-blue);font-size:14px;font-weight:500}.guide-help{border-top:1px solid var(--guide-line);color:#67738a;align-items:flex-start;gap:10px;margin-top:42px;padding-top:20px;font-size:12px;line-height:1.8;display:flex}.guide-help p{margin:0}.guide-help a{color:var(--guide-blue)}.guide-help svg{flex-shrink:0;margin-top:1px}.guide-outline{padding-top:7px;font-size:11px;line-height:1.7;position:sticky;top:112px}.guide-outline>p{margin:0 0 15px;font-size:12px;font-weight:500}.guide-outline nav{border-left:1px solid var(--guide-line);gap:13px;padding-left:14px;display:grid}.guide-outline nav a{color:#67738a;transition:color .18s}.guide-outline a:hover{color:var(--guide-blue)}.guide-outline-help{border-top:1px solid var(--guide-line);color:var(--guide-muted);align-items:center;gap:8px;margin-top:26px;padding-top:18px;display:flex}.guide-note{background:#f5f8ff;border:1px solid #dfe7fa;border-radius:12px;align-items:flex-start;gap:12px;margin-top:28px;padding:19px;display:flex}.guide-note>svg{color:var(--guide-blue);flex-shrink:0;margin-top:2px}.guide-note p{color:var(--guide-muted);margin:0;font-size:13px;line-height:1.8}.guide-note strong{color:#1d2b49;margin-bottom:3px;font-weight:500;display:block}.guide-note a{color:var(--guide-blue)}@media (width>=901px){.guide-sidebar::details-content{display:block}}@media (width<=1190px){.guide-shell{grid-template-columns:200px minmax(0,760px);gap:36px;max-width:1040px}.guide-outline{display:none}}@media (width<=900px){.guide-page{padding:24px 28px 60px}.guide-shell{grid-template-columns:minmax(0,1fr);gap:30px;max-width:720px}.guide-sidebar{border:1px solid var(--guide-line);background:#fafbff;border-radius:14px;max-height:none;padding:0;position:static;overflow:visible}.guide-sidebar>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;font-size:13px;font-weight:500;list-style:none;display:flex}.guide-sidebar>summary::-webkit-details-marker{display:none}.guide-sidebar[open]>summary svg{transform:rotate(180deg)}.guide-sidebar-body{padding:6px 20px 24px}.guide-home{margin-bottom:20px}.guide-products{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-products a,.guide-sections button{min-height:44px}.guide-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.guide-sections button[aria-current=true]:before{display:none}.guide-contents-label{margin-top:22px}.guide-header{padding-top:0}.guide-header h1{font-size:38px}.guide-header-bottom{margin-top:22px}.guide-breadcrumb{margin-bottom:20px}}@media (width<=480px){.guide-page{padding:20px 22px 48px}.guide-shell{gap:26px}.guide-header h1{text-wrap:pretty;letter-spacing:-.04em;font-size:32px;line-height:1.15}.guide-lede{font-size:16px;line-height:1.75}.guide-header-bottom{gap:13px;font-size:11px}.guide-header{margin-bottom:25px;padding-bottom:25px}.guide-page h2{font-size:25px}.guide-topic-grid{grid-template-columns:1fr;gap:10px}.guide-topic-grid>a{padding:18px}.guide-media .product-frame{border-radius:13px;padding:16px}.guide-media-caption{flex-direction:column;gap:7px}.guide-start{margin-top:30px}.guide-topics{margin-top:34px}.guide-item ol{padding:16px 14px}.guide-pagination{gap:10px}.guide-pagination a{padding:15px}.guide-pagination strong{font-size:12px}.guide-item p{font-size:15px}.guide-sidebar-body{padding-inline:15px}.guide-products{gap:3px}.guide-products a{gap:6px;padding:9px 7px;font-size:11px}.guide-sections button{font-size:12px}}@media (prefers-reduced-motion:reduce){.guide-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}