/* Page-specific layout; loaded after the generated shared palette. */

html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page { color-scheme:light; background:#fff!important; color:#171a20!important; --qa-ink:#171a20!important; --qa-muted:#5c5e62!important; --qa-line:#d0d1d2!important; --qa-action:#3e6ae1!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main { background:#fff; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-container { width:min(calc(100% - 96px),1440px); }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main :is(h1,h2,h3,h4) { color:#171a20!important; font-weight:500; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main :is(p,small,summary,figcaption,.qa-detail-grid ul,.qa-tags li) { color:#5c5e62!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main :is(h2) { font-size:clamp(32px,3.4vw,52px); line-height:1.2; letter-spacing:-.035em; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-kicker { font-size:11px; letter-spacing:.18em; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main :is(.qa-text-link,.qa-overview-item>span,.qa-overview b,.qa-output span,.qa-detail summary span,.qa-section-nav a:last-child,.qa-case b) { color:#171a20!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main :is(.qa-text-link,.qa-output,.qa-detail,.qa-tags li,.qa-overview-item,.qa-scenarios article) { border-color:#d0d1d2!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main :is(.qa-button,.qa-start .qa-button) { min-width:240px; min-height:48px; justify-content:center; gap:18px; padding:12px 28px; border:0!important; border-radius:4px; background:#3e6ae1!important; color:#fff!important; font-size:14px; font-weight:500; transition:background .2s; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main :is(.qa-button,.qa-start .qa-button):hover { background:#3457b1!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main :is(a,summary):focus-visible { outline:2px solid #3e6ae1!important; outline-offset:5px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero { background:#000!important; padding:clamp(70px,9vw,136px) 0 64px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero-grid { display:flex; flex-direction:column; gap:64px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero-copy { text-align:center; width:100%; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero h1 { color:#fff!important; font-size:clamp(54px,7vw,104px); line-height:1.08; font-weight:500; letter-spacing:-.045em; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero h1 br { display:none; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero h1 sup { color:#fff!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-back { margin-bottom:36px; color:#a2a3a5!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-kicker { color:#a2a3a5!important; margin-bottom:22px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-hero-statement { color:#f4f4f4!important; margin-top:26px; font-size:clamp(17px,1.8vw,24px); }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-hero-description { color:#a2a3a5!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-actions { justify-content:center; gap:16px; margin-top:40px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-actions .qa-text-link { border:0!important; border-radius:4px; background:#f4f4f4!important; color:#171a20!important; min-width:240px; min-height:48px; padding:12px 28px; justify-content:center; gap:18px; font-size:14px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-actions .qa-text-link:hover { background:#d0d1d2!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-route { width:min(100%,900px); padding:0; background:transparent!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-route :is(.qa-route-label,.qa-route-note) { color:#a2a3a5!important; text-align:center; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-route-core { min-height:170px; gap:20px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-route-core::before { display:none; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-route-core svg { width:64px; height:64px; color:#fff!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-route-core strong { color:#fff; font-size:23px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-route-nodes { gap:32px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero :is(.qa-route-nodes::before,.qa-route-nodes::after,.qa-route-node::before) { display:none; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-route-node { border:0; border-top:1px solid #393c41; background:transparent!important; padding:20px 8px; text-align:center; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-route-node:hover { background:#171a20!important; border-color:#fff; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-route-node :is(small,span,b) { color:#a2a3a5!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-route-node strong { color:#fff; font-size:20px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-section-nav { background:rgba(255,255,255,.96)!important; border-color:#e2e3e3!important; backdrop-filter:blur(16px); }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-section-nav .qa-container { justify-content:center; gap:40px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-section-nav a { color:#5c5e62!important; font-weight:500; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-section-nav a:hover { color:#171a20!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-section-nav a:last-child { margin-left:auto; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-overview { padding:96px 0; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-section-heading { margin-bottom:48px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-overview-item { padding-top:26px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage { padding:96px 0; background:#fff!important; border:0; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-design { background:#f4f4f4!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-heading { grid-template-columns:1fr; text-align:center; gap:18px; margin-bottom:48px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-heading .qa-kicker { color:#5c5e62!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-heading h2 span { color:#5c5e62!important; font-size:clamp(20px,2vw,28px); margin-top:14px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-heading>p:last-child { color:#5c5e62!important; max-width:38em; margin:auto; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-grid { grid-template-columns:1fr; gap:48px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-visual { background:#f4f4f4!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-visual img { width:100%; height:auto; aspect-ratio:auto; object-fit:contain; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-visual figcaption { padding:14px 0; background:transparent!important; color:#5c5e62!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-body { display:grid; grid-template-columns:1fr 1fr; column-gap:80px; align-items:start; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-body .qa-question-label { grid-column:1; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-body h3 { grid-column:1; font-size:clamp(23px,2.2vw,32px); line-height:1.5; max-width:24em; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-body .qa-tags { grid-column:1; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-body .qa-output { grid-column:2; grid-row:1 / 5; margin-top:0; padding-top:20px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-body .qa-output li { color:#171a20!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-body .qa-detail { grid-column:2; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-body>.qa-text-link { grid-column:1; justify-self:start; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-tags li { padding:6px 12px; border-radius:4px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-related-cases { margin:0; padding:48px 0 80px; border-top-color:#e2e3e3!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-related-cases h3 { color:#171a20!important; font-size:24px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-related-cases>header>a { color:#171a20!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-related-intro { color:#5c5e62!important; margin-bottom:28px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-related-grid { gap:12px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-related-card { border:0!important; background:#f4f4f4!important; color:#171a20!important; border-radius:4px; padding:24px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-related-card :is(span,b) { color:#171a20!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-related-card small { color:#5c5e62!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-related-card:hover { background:#e8e8e8!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-scenarios { background:#f4f4f4!important; padding:96px 0; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-example { padding:112px 0; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-example .qa-case img { aspect-ratio:auto; object-fit:contain; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-start { background:#000!important; border:0; padding:112px 0; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-start-grid { grid-template-columns:1fr; text-align:center; gap:40px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-start h2 { color:#fff!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-start :is(.qa-kicker,p:not(.qa-kicker),.qa-return) { color:#a2a3a5!important; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-start-actions { justify-self:center; align-items:center; gap:22px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-phone { color:#fff!important; font-size:18px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .foot { background:#fff; color:#5c5e62!important; text-align:center; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .foot a { color:#5c5e62!important; }
@media(max-width:900px) {
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-container { width:calc(100% - 48px); }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-body { column-gap:36px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-section-nav .qa-container { gap:28px; }
}
@media(max-width:760px) {
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-container { width:calc(100% - 40px); }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero { padding:64px 0 40px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero h1 br { display:block; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero-grid { gap:40px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-route-nodes { gap:12px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-route-node strong { font-size:16px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-hero .qa-actions { flex-direction:column; align-items:stretch; max-width:360px; margin:32px auto 0; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-section-nav .qa-container { width:100%; padding:0 20px; gap:24px; justify-content:flex-start; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-section-nav a:last-child { margin-left:0; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main :is(.qa-overview,.qa-stage,.qa-scenarios,.qa-example,.qa-start) { padding:64px 0; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-heading { margin-bottom:32px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-body { display:block; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-body .qa-output { margin-top:28px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-stage-grid { gap:28px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-related-cases { padding:32px 0 56px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-related-cases>header { flex-wrap:wrap; gap:16px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-related-grid { grid-template-columns:1fr; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-example-grid { grid-template-columns:1fr; gap:32px; }
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main .qa-start h2 { font-size:32px; }
}
@media(prefers-reduced-motion:reduce) {
html:not(#qmT):not(#qmT2):not(#qmT3) body.qa-anchor-page .qa-main * { scroll-behavior:auto!important; transition:none!important; }
}