/* The shared website styles own the masthead, footer, typography, and tokens. */
html{scroll-padding-top:24px}
.skip-link{position:absolute;z-index:100;top:-100px;left:16px;padding:10px 16px;background:#fff;color:var(--navy)}
.skip-link:focus{top:12px}

.docs-mobile-controls{display:none}

.docs-layout{display:grid;grid-template-columns:minmax(230px,270px) minmax(0,1fr) minmax(175px,220px);width:min(var(--content-max),calc(100% - var(--page-gutter)*2));margin:auto;min-height:60vh}
.guide-sidebar{border-right:1px solid var(--line);background:#fbfcfe;min-width:0}
.sidebar-sticky{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;padding:35px 25px 28px 30px;scrollbar-width:thin}
.sidebar-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.eyebrow,.small-label,.nav-group-label,.sidebar-search-label{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#687893}
.sidebar-top a{font-size:11px;line-height:1.5;color:var(--blue);text-decoration:none;font-weight:700;text-align:right}
.sidebar-search-label{display:block;margin-top:28px;margin-bottom:9px;letter-spacing:0;text-transform:none;font-size:12px;color:var(--ink)}
.sidebar-search{height:42px;display:flex;align-items:center;gap:9px;border:1px solid #cbd6e5;border-radius:6px;background:#fff;padding:0 11px}
.sidebar-search:focus-within{border-color:var(--blue)}
.sidebar-search svg{width:16px;height:16px;fill:none;stroke:#6b7a90;stroke-width:1.8}
.sidebar-search input{min-width:0;width:100%;border:0;outline:none;background:transparent;font-size:12px;color:var(--ink)}
.sidebar-search input:focus-visible{outline:none}
.sidebar-search input::placeholder{color:#6b7a90}
.nav-group-label{margin:29px 0 8px}
.guide-link{display:block;border-radius:6px;padding:10px 11px;text-decoration:none;color:#34465f;font-size:13px;line-height:1.4;font-weight:600}
.guide-link:hover{background:#eef3fa;color:var(--blue)}
.guide-link.is-current{position:relative;background:#eaf0ff;color:var(--navy);font-weight:700}
.filter-empty{font-size:12px;color:var(--muted);margin-top:15px}
.sidebar-foot{border-top:1px solid var(--line);margin-top:32px;padding-top:20px;font-size:12px}
.sidebar-foot span{display:block;color:var(--muted)}
.sidebar-foot a{color:var(--blue);font-weight:700;display:block;margin-top:5px;text-decoration:none}

.article-main{min-width:0;padding:32px clamp(28px,4.2vw,74px) 96px}
.article-main article{max-width:810px;margin:auto}
.breadcrumbs{max-width:810px;margin:0 auto 54px;display:flex;align-items:center;flex-wrap:wrap;gap:11px;color:#687893;font-size:12px}
.breadcrumbs a{text-decoration:none}
.breadcrumbs a:hover{color:var(--blue);text-decoration:underline}
.breadcrumbs [aria-current]{color:var(--ink);font-weight:700}
.article-kicker{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-weight:800;font-size:11px}
.kicker-rule{width:17px;border-top:2px solid var(--blue)}
.article-header h1{font-size:clamp(39px,3.5vw,57px);line-height:1.1;margin-top:17px;font-weight:800}
.article-lead{color:#43536b;font-size:18px;line-height:1.75;margin-top:19px;max-width:63ch}
.article-meta{display:flex;gap:11px;flex-wrap:wrap;color:#6a7890;font-size:12px;margin-top:21px}
.at-a-glance{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #cfdaea;background:#f3f6fb;border-radius:9px;padding:22px 25px;margin:39px 0 51px}
.at-a-glance p:not(.small-label){font-size:13px;line-height:1.7;margin-top:7px;color:#34465f;max-width:65ch}
.at-a-glance a{white-space:nowrap;color:var(--blue);font-size:12px;font-weight:800;text-decoration:none}
.at-a-glance a:hover{text-decoration:underline}
.article-body{max-width:72ch}
.article-section{scroll-margin-top:24px;border-top:1px solid var(--line);padding-top:39px;margin-top:47px}
.article-section:first-of-type{border-top:0;padding-top:0;margin-top:0}
.article-section h2{font-size:28px;line-height:1.3;font-weight:800;margin-bottom:17px}
.article-section>p,.steps p,.note p,.faq-list p,.article-footer p{font-size:15px;line-height:1.85;color:#40516a}
.article-section p+p{margin-top:15px}
.article-section strong{color:var(--ink);font-weight:700}
.article-section a{color:var(--blue)}
.note{display:flex;gap:15px;background:#f3f6fb;border:1px solid #cfd9e9;border-radius:6px;padding:17px 19px;margin-top:25px;font-size:14px}
.note-mark{flex:none;width:21px;height:21px;border:1px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:12px;font-weight:800;line-height:1}
.note p{font-size:13px;margin-top:4px}
.steps{padding:0;margin:29px 0 0;list-style:none;display:grid;gap:0}
.steps li{display:grid;grid-template-columns:39px 1fr;gap:17px;padding:0 0 29px;position:relative}
.steps li:not(:last-child):before{content:"";position:absolute;top:32px;bottom:0;left:14px;border-left:1px solid #c8d8f2}
.step-number{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--blue);width:30px;height:30px;border:1px solid #acc2eb;border-radius:50%;display:grid;place-items:center;background:#fff;z-index:1}
.steps h3{font-size:16px;line-height:1.5;letter-spacing:-.01em;margin:1px 0 7px}
.steps p{font-size:14px}
.steps-continued{margin-top:25px}
.doc-figure{margin:2px 0 37px 56px}
.doc-figure img{border:1px solid #d5dce7;border-radius:5px;background:#fff;width:100%}
.doc-figure figcaption{font-size:11px;line-height:1.6;color:#67758a;margin-top:9px}
.reference-table-wrap{overflow-x:auto;margin-top:24px}
.reference-table-wrap table{width:100%;border:1px solid var(--line);border-collapse:collapse;min-width:510px;text-align:left;font-size:13px;line-height:1.65}
.reference-table-wrap caption{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.reference-table-wrap th{background:#f3f6fb;color:var(--ink);padding:14px 16px;font-size:12px}
.reference-table-wrap td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:top;color:#40516a}
.reference-table-wrap td:first-child{font-weight:700;color:var(--ink);width:42%}
.article-section .after-table{font-size:13px;margin-top:17px;color:#526178}
.section-heading-row{display:flex;gap:12px;align-items:center}
.section-heading-row h2{margin-bottom:0}
.pro-badge{font-size:10px;line-height:1.4;padding:4px 7px;background:#eaf0ff;border-radius:4px;color:var(--navy);font-weight:800}
.section-heading-row+p{margin-top:17px}
.capability-list{list-style:none;padding:0;margin:25px 0 0;border-top:1px solid var(--line)}
.capability-list li{display:grid;grid-template-columns:200px 1fr;gap:24px;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px;line-height:1.65}
.capability-list span{color:#40516a}
.note-pro{margin-top:24px}
.checklist{padding:0;margin:23px 0 0;list-style:none}
.checklist li{position:relative;padding:9px 0 9px 31px;font-size:14px;line-height:1.75;color:#40516a}
.checklist li:before{content:"✓";position:absolute;left:0;top:10px;width:19px;height:19px;border:1px solid #159268;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;line-height:1;color:#06734f}
.faq-list{border-top:1px solid var(--line);margin-top:20px}
.faq-list details{border-bottom:1px solid var(--line);padding:16px 0}
.faq-list summary{cursor:pointer;list-style:none;font-weight:700;font-size:14px;display:flex;justify-content:space-between;gap:15px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";color:var(--blue);font-size:20px;line-height:1}
.faq-list details[open] summary:after{content:"−"}
.faq-list p{font-size:13px;margin-top:12px;max-width:65ch}
.article-footer{background:#f3f6fb;border-top:1px solid #cbd6e6;margin-top:63px;padding:28px;display:flex;gap:28px;align-items:end;justify-content:space-between}
.article-footer h2{font-size:20px;margin:9px 0}
.article-footer p{font-size:13px;max-width:43ch}
.article-footer>a{color:var(--blue);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.article-footer>a:hover{text-decoration:underline}

.page-outline{border-left:1px solid var(--line);min-width:0}
.outline-sticky{position:sticky;top:20px;padding:61px 20px 25px 24px}
.outline-sticky nav{display:grid;gap:2px;margin-top:14px;border-left:1px solid #d6e0ee}
.outline-sticky nav a{display:block;padding:8px 0 8px 14px;margin-left:-1px;border-left:2px solid transparent;color:#65738b;font-size:12px;line-height:1.5;text-decoration:none}
.outline-sticky nav a:hover,.outline-sticky nav a.is-active{color:var(--blue);border-left-color:var(--blue);font-weight:700}
.outline-support{margin-top:32px;border-top:1px solid var(--line);padding-top:20px;font-size:12px}
.outline-support span{display:block;color:#687893}
.outline-support a{display:block;color:var(--blue);font-weight:700;text-decoration:none;margin-top:4px}
@media(max-width:1180px){.docs-layout{grid-template-columns:230px minmax(0,1fr)}
.page-outline{display:none}
.article-main{padding-inline:clamp(28px,5vw,70px)}
}

@media(max-width:760px){.docs-mobile-controls{display:block;width:min(var(--content-max),calc(100% - var(--page-gutter)*2));margin:17px auto 0}
.mobile-nav-toggle{display:inline-flex;align-items:center;gap:8px;min-height:42px;background:#fff;border:1px solid #cbd6e5;border-radius:6px;padding:8px 13px;font-size:13px;font-weight:700;color:var(--navy)}
.mobile-nav-toggle .icon{width:17px;height:17px}
.mobile-nav-toggle:hover{background:var(--pale)}
.docs-layout{display:block}
.guide-sidebar{display:none;position:fixed;z-index:24;top:0;left:0;bottom:0;width:min(310px,85vw);box-shadow:15px 0 35px #12213b1b;border-right:1px solid var(--line)}
.guide-sidebar.is-open{display:block}
.sidebar-sticky{top:0;max-height:100vh;padding:26px 22px}
.article-main{padding:24px 22px 66px}
.breadcrumbs{margin-bottom:36px}
.article-header h1{font-size:42px}
.article-lead{font-size:16px}
.at-a-glance{padding:19px;display:block;margin:31px 0 37px}
.at-a-glance a{display:inline-block;margin-top:11px}
.article-section{margin-top:35px;padding-top:31px}
.article-section h2{font-size:25px}
.article-footer{display:block}
.article-footer>a{display:inline-block;margin-top:20px}
}

@media(max-width:520px){.article-header h1{font-size:38px}
.article-lead{font-size:16px}
.article-meta{gap:6px}
.doc-figure{margin-left:0}
.capability-list li{display:block;padding:14px 0}
.capability-list li span{display:block;margin-top:4px}
.steps li{gap:10px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important;animation:none!important}
}

@media(forced-colors:active){.guide-link.is-current,.at-a-glance,.note,.pro-badge{border:1px solid CanvasText}
.outline-sticky nav a.is-active{border-color:Highlight}
}

/* Reading-surface finish: stronger secondary text, quiet selected states, no decorative stripes. */
.eyebrow,.small-label,.nav-group-label,.sidebar-top .eyebrow,.breadcrumbs,.article-meta,.outline-support span{color:#5b6b82}

.sidebar-search input::placeholder{color:#596a80}





.pro-badge{font-size:11px}


.sidebar-foot a span,.outline-support a span{display:inline;color:inherit}
.mobile-outline{display:none}
@media(max-width:1180px){.mobile-outline{display:block;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:-14px 0 35px}.mobile-outline summary{cursor:pointer;list-style:none;padding:13px 0;color:var(--navy);font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.mobile-outline summary::-webkit-details-marker{display:none}.mobile-outline summary:after{content:"+";color:var(--blue);font-size:19px;line-height:1}.mobile-outline[open] summary:after{content:"−"}.mobile-outline nav{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;padding:2px 0 17px}.mobile-outline nav a{font-size:12px;line-height:1.5;text-decoration:none;color:#40516a;padding:8px 0}.mobile-outline nav a:hover{color:var(--blue);text-decoration:underline}}
@media(max-width:520px){.mobile-outline nav{grid-template-columns:1fr;gap:0}}