.browser-topic{--browser-accent:#1d4ed8;--browser-tint:#edf3ff;color:#354e6d;min-width:0}.browser-hero-summary{color:#435c7c;border-top:1px solid #dbe5f3;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:22px;padding-top:18px;font-size:13px;line-height:1.8;display:flex}.browser-hero-summary>svg{color:#1d4ed8;width:26px;height:26px}.browser-hero-summary strong{color:#1d4ed8;font-size:20px;font-weight:850}.browser-hero-summary p span{color:#b0c1d8;margin:0 9px}.browser-hero-summary>a{color:#1d4ed8;margin-left:auto;font-size:13px;font-weight:750}.scene-toc{background:#fff;border:1px solid #d3e0f1;border-radius:12px;max-height:calc(100dvh - 145px);padding:16px 9px;overflow-y:auto}.scene-toc p{color:#172e4b;margin:0 8px 12px;font-size:14px;font-weight:800}.scene-toc a{color:#2d4769;border:0;border-radius:6px;justify-content:flex-start;gap:8px;margin:4px 0;padding:10px 7px;font-size:13px;font-weight:750;line-height:1.5}.scene-toc-icon{color:#1d4ed8;background:#edf3ff;border-radius:6px;flex-shrink:0;place-items:center;width:29px;height:29px;display:grid}.scene-toc-icon svg{width:18px;height:18px}.scene-toc .guide-toc-count{color:#526d92;margin-left:auto;font-size:11px}.scene-toc a:hover{background:#edf3ff}.scene-toc a[aria-current]{color:#fff;background:#1d4ed8}.scene-toc a[aria-current] .scene-toc-icon,.scene-toc a[aria-current] .guide-toc-count{color:#fff;background:#ffffff26}.browser-section{background:#fff;border:1px solid #d4e1f2;border-radius:12px;min-width:0;margin-bottom:24px;padding:24px;scroll-margin-top:135px}.browser-section-violet{--browser-accent:#6d28d9;--browser-tint:#f2ecff}.browser-section-heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}.browser-section-heading>span{background:var(--browser-tint);width:44px;height:44px;color:var(--browser-accent);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.browser-section-heading svg{width:25px;height:25px}.browser-section-heading>div{flex:1;min-width:0}.browser-section-heading p{color:var(--browser-accent);margin-bottom:3px;font-size:11px;font-weight:800}.browser-section-heading h2{color:#132e51;font-size:22px;font-weight:850;line-height:1.5}.browser-section-heading>small{white-space:nowrap;color:var(--browser-accent);font-size:12px;font-weight:700}.browser-takeaway{border-left:4px solid var(--browser-accent);background:var(--browser-tint);border-radius:0 7px 7px 0;margin-bottom:18px;padding:15px 18px}.browser-takeaway>span{color:var(--browser-accent);align-items:center;gap:7px;margin-bottom:6px;font-size:12px;font-weight:800;display:flex}.browser-takeaway svg{width:18px;height:18px}.browser-takeaway p{color:#3d5677;font-size:14px;line-height:1.95}.browser-takeaway strong{color:#15365f;font-size:16px;font-weight:850}.browser-choice-grid{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 24px;display:grid}.browser-choice-grid>div{border-bottom:3px solid #d6e5fc;padding:2px 2px 16px}.browser-choice-grid>div>svg{color:#1d4ed8;width:24px;height:24px;margin-bottom:8px}.browser-choice-grid h3{color:#183a65;margin-bottom:6px;font-size:17px;font-weight:800}.browser-choice-grid p{color:#425c7b;font-size:13px;line-height:1.9}.browser-choice-grid a{color:#1d4ed8;margin-top:10px;font-size:13px;font-weight:750;display:inline-block}.browser-table-wrap{border:1px solid #d5e1f1;border-radius:8px;max-width:100%;margin:16px 0 10px;overflow-x:auto}.browser-table-wrap table{border-collapse:collapse;text-align:left;width:100%;min-width:560px;font-size:13px;line-height:1.85}.browser-table-wrap caption{text-align:left;color:#284b76;background:#f6f9ff;border-bottom:1px solid #dce6f3;padding:11px 14px;font-size:13px;font-weight:800}.browser-table-wrap th,.browser-table-wrap td{vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e0e8f3;padding:12px 13px}.browser-table-wrap thead th{color:#28466d;background:#edf3fc;font-size:12px;font-weight:800}.browser-table-wrap th[scope=row]{color:#244871;background:#f9fbff;width:24%;font-weight:800}.browser-table-wrap tbody tr:last-child>*{border-bottom:0}.browser-inline-links{color:#1d4ed8;flex-wrap:wrap;gap:8px 20px;margin-top:14px;font-size:12px;font-weight:750;line-height:1.8;display:flex}.browser-section-intro{color:#526987;margin-top:-4px;margin-bottom:10px;font-size:13px;line-height:1.9}.browser-tutorial{border-bottom:1px solid #dce6f3;min-width:0;padding:23px 0 20px}.browser-tutorial:last-child{border-bottom:0;padding-bottom:0}.browser-tutorial>header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.browser-tutorial .product-identity{width:45px;height:45px}.browser-tutorial header>div{flex:1;min-width:0}.browser-tutorial h3{color:#142e51;font-size:19px;font-weight:850;line-height:1.5}.browser-tutorial header p{color:var(--browser-accent);margin-top:3px;font-size:12px;font-weight:650;line-height:1.8}.browser-read{background:var(--browser-tint);color:var(--browser-accent);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:8px 10px;font-size:12px;font-weight:800;display:flex}.browser-read svg{width:16px;height:16px}.browser-tutorial-body{grid-template-columns:1fr 1fr;gap:24px;display:grid}.browser-protocols{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;line-height:1.6;display:flex}.browser-protocols>span{color:#526987;margin-right:2px}.browser-protocols strong{color:#24518e;background:#edf4ff;border-radius:4px;padding:3px 6px;font-weight:800}.browser-entry-conclusion{color:#244366;font-size:14px;font-weight:750;line-height:1.95}.browser-caution{color:#765320;margin-top:10px;font-size:12px;line-height:1.85}.browser-caution strong{color:#98600e;margin-right:6px;font-size:11px;font-weight:800}.browser-tutorial-body h4{color:#23496f;align-items:center;gap:6px;margin-bottom:9px;font-size:13px;font-weight:800;display:flex}.browser-tutorial-body h4 svg{width:17px;height:17px;color:var(--browser-accent)}.browser-tutorial-body ol{counter-reset:browser-step;gap:8px;list-style:none;display:grid}.browser-tutorial-body li{counter-increment:browser-step;color:#3e5878;overflow-wrap:anywhere;padding-left:25px;font-size:13px;line-height:1.9;position:relative}.browser-tutorial-body li:before{content:counter(browser-step,decimal-leading-zero);color:var(--browser-accent);font-size:10px;font-weight:850;position:absolute;top:2px;left:0}.browser-tutorial footer{border-top:1px dashed #dce6f3;flex-wrap:wrap;gap:7px 18px;margin-top:13px;padding-top:10px;font-size:12px;line-height:1.9;display:flex}.browser-tutorial footer p{color:#526987;width:100%}.browser-tutorial footer strong{color:#33587f;margin-right:7px;font-weight:800}.browser-tutorial footer a{color:var(--browser-accent);font-weight:750}.browser-warning{background:#fff8e8;border-left:3px solid #c68b20;border-radius:0 6px 6px 0;margin-top:18px;padding:14px 16px}.browser-warning h3{color:#85500b;align-items:center;gap:7px;margin-bottom:6px;font-size:14px;font-weight:800;display:flex}.browser-warning svg{width:18px;height:18px}.browser-warning p{color:#735635;font-size:13px;line-height:1.95}.browser-checklist{counter-reset:browser-check;gap:0;list-style:none;display:grid}.browser-checklist li{counter-increment:browser-check;border-bottom:1px solid #e1e8f2;padding:14px 0 14px 44px;position:relative}.browser-checklist li:before{content:counter(browser-check,decimal-leading-zero);color:#1d4ed8;background:#edf3ff;border-radius:5px;padding:5px 7px;font-size:11px;font-weight:850;position:absolute;top:15px;left:0}.browser-checklist strong{color:#1e416c;font-size:15px;font-weight:800}.browser-checklist p{color:#425c7b;margin-top:5px;font-size:14px;line-height:1.9}.browser-more{color:#1d4ed8;margin-top:12px;font-size:13px;font-weight:750;display:inline-block}.browser-faq{border-bottom:1px solid #dce6f3}.browser-faq:last-child{border-bottom:0}.browser-faq summary{cursor:pointer;color:#1c3a62;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;font-size:15px;font-weight:800;line-height:1.8;list-style:none;display:flex}.browser-faq summary::-webkit-details-marker{display:none}.browser-faq summary span{color:#1d4ed8;flex-shrink:0;font-size:20px;font-weight:400}.browser-faq[open] summary span{transform:rotate(45deg)}.browser-faq>div{padding:0 0 16px}.browser-faq p{color:#425c7b;font-size:14px;line-height:1.95}.browser-faq a{color:#1d4ed8;margin-top:9px;font-size:12px;font-weight:750;display:inline-block}.browser-next{color:#1d4ed8;flex-wrap:wrap;gap:12px 22px;padding:4px 0 20px;font-size:13px;font-weight:750;line-height:1.8;display:flex}.browser-empty{background:#fff8e8;margin-bottom:20px;padding:24px;font-size:14px;line-height:1.9}.browser-empty h2{font-size:18px;font-weight:800}.browser-empty a{color:#1d4ed8}.browser-topic :where(a,summary,.browser-table-wrap):focus-visible{outline-offset:4px;outline:3px solid #93c5fd}.browser-topic a:hover{text-underline-offset:3px;text-decoration:underline}@media (width<=1100px){.browser-tutorial-body{grid-template-columns:1fr;gap:15px}}@media (width<=900px){.scene-toc{flex-wrap:wrap;gap:3px 8px;max-height:none;display:flex}.scene-toc p{width:100%;margin-bottom:4px}.scene-toc a{margin:0;padding:7px;font-size:12px}.browser-section{scroll-margin-top:90px}}@media (width<=600px){.browser-hero-summary{gap:7px;font-size:12px}.browser-hero-summary p{flex:1}.browser-hero-summary strong{font-size:17px}.browser-hero-summary p span{margin:0 3px}.browser-hero-summary>a{width:100%;margin-left:0}.browser-section{border-radius:10px;padding:16px}.browser-section-heading{flex-wrap:wrap;gap:9px}.browser-section-heading>span{width:36px;height:36px}.browser-section-heading h2{font-size:20px}.browser-section-heading>small{margin-left:45px}.browser-section-heading svg{width:22px;height:22px}.browser-takeaway{padding:12px}.browser-takeaway p{font-size:13px}.browser-takeaway strong{font-size:15px}.browser-choice-grid{grid-template-columns:1fr;gap:16px}.browser-table-wrap table{min-width:510px;font-size:12px}.browser-table-wrap caption{font-size:12px}.browser-table-wrap th,.browser-table-wrap td{padding:10px}.browser-tutorial>header{flex-wrap:wrap;gap:9px}.browser-tutorial .product-identity{width:38px;height:38px}.browser-tutorial h3{font-size:18px}.browser-tutorial header>div{flex-basis:calc(100% - 48px)}.browser-read{margin-left:47px}.browser-tutorial{padding:19px 0}.browser-entry-conclusion{font-size:14px}.browser-tutorial-body li{font-size:13px}.browser-checklist li{padding-left:37px}.browser-checklist p,.browser-faq p{font-size:13px}.browser-faq summary{font-size:14px}.browser-section-intro{font-size:12px}.browser-tutorial>header{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:8px 10px;display:grid}.browser-tutorial header>div{flex-basis:auto;grid-column:2}.browser-read{grid-column:2;justify-self:start;margin-left:0}}
