:root{--ink:var(--black);--muted:var(--dim-grey);--accent:var(--brand);--border:#dce7eb;--wash:#f5f9fa}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:white}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration:underline}a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:3}.skip-link:focus{top:10px}.docs-shell{max-width:1280px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:72px;padding:48px 24px}.sidebar{font-size:14px}.all-guides{display:block;margin-bottom:28px;text-decoration:none;font-weight:600}.category-menu-label{font-size:12px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin:0 0 12px}.category-menu nav{display:grid;gap:5px}.category-menu nav a{color:var(--ink);text-decoration:none;padding:10px 12px;border-radius:6px}.category-menu nav a:hover,.category-menu nav a[aria-current]{background:#eaf5f5;color:var(--accent)}.sidebar-help{margin-top:48px;padding:22px;border:1px solid var(--border);border-radius:10px;background:var(--wash)}.sidebar-help p{color:var(--muted);font-size:13px}.sidebar-help a{text-decoration:none;font-weight:600}.docs-main{min-width:0;max-width:820px}.search{margin-bottom:40px}.search label{font-size:13px;font-weight:600;display:block;margin-bottom:8px}.search input{width:100%;font:inherit;padding:15px 18px;background:var(--wash);border:1px solid var(--border);border-radius:9px;color:var(--ink)}#search-status{font-size:14px;color:var(--muted);margin:8px 0}#search-status:empty{display:none}#search-results{list-style:none;padding:0}#search-results li{border-bottom:1px solid var(--border);padding:14px 0}#search-results a{display:block;font-weight:600}#search-results small{color:var(--muted)}h1{margin:12px 0 22px;overflow-wrap:anywhere}.eyebrow{color:var(--accent);font-weight:650;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;margin:0}.intro{color:var(--ink);max-width:620px;margin-bottom:40px}.topic{margin:30px 0 40px}.topic h2 a{color:var(--ink);text-decoration:none}.article-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.article-list li{border-bottom:1px solid var(--border)}.article-list a{color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;text-decoration:none}.article-list a:hover{color:var(--accent)}.article-list span{color:var(--accent);flex-shrink:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;margin-bottom:32px}.breadcrumbs a{color:var(--muted);text-decoration:none}.article h1{margin-bottom:34px}.article-body{overflow-wrap:anywhere;font-size: 1rem;}.article-body h2,.article-body h3{margin-top:36px}.article-body li{font-size: inherit;}.article-body img{display:block;max-width:100%;height:auto;border-radius:8px;border:1px solid var(--border);margin:26px 0}.article-body iframe,.article-body video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:8px}.article-body li{margin:8px 0}.article-body blockquote{border-left:3px solid var(--accent);background:var(--wash);padding:12px 22px;margin:24px 0}.article-body p{font-size: 1rem;line-height: 1.5rem}.article-body pre{overflow:auto;background:var(--wash);padding:20px;border-radius:8px}.article-body code{font-size:.9em}.related{margin-top:50px}.docs-footer{border-top:1px solid var(--border);margin-top:56px;padding:26px 0;color:var(--muted);font-size:14px}.docs-footer p{font-size:12px;margin:24px 0 0}[hidden]{display:none!important}@media(max-width:900px){.docs-shell{gap:32px;grid-template-columns:210px minmax(0,1fr)}}@media(max-width:680px){.docs-shell{display:block;padding:24px 20px}.sidebar-help{display:none}.sidebar{margin-bottom:28px}.all-guides{margin-bottom:12px}.category-menu{border-bottom:1px solid var(--border);padding-bottom:14px}.category-menu nav{display:flex;flex-wrap:wrap;gap:4px}.category-menu nav a{padding:6px 10px}.category-menu-label{margin-bottom:8px}.search{margin-bottom:28px}}

/* The shared navbar is fixed on marketing pages and in flow in the docs. */
.navbar{position:relative}
@media(max-width:991px){.navbar .navlink-wrapper[data-docs-open]{display:flex;position:absolute;top:100%;left:0;right:0;margin:0;padding:16px 20px}.navbar .menu-button{border:0;background:transparent}}